mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2024-11-01 12:21:21 +00:00
Code Issues Releases Wiki Activity

Redesign IDE header while tackling several issues with it

Browse Source
This commit is contained in:
Kristóf Tóth 2018-07-21 11:58:26 +02:00
parent 5b9046e967
commit 2ebd86aa08
1 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/ide/ide.component.scss
View File

@ -5,7 +5,6 @@
.tfw-grid-ide-statusbar { .tfw-grid-ide-statusbar {
display: grid; display: grid;
height: $tao-navbar-height;
grid-template-columns: 8fr 1fr; grid-template-columns: 8fr 1fr;
} }
@ -16,7 +15,7 @@
} }
.btn-group { .btn-group {
padding-left: 34px; padding-bottom: 1em;
} }
.underline { .underline {
@ -26,10 +25,8 @@
.tfw-tab-btn { .tfw-tab-btn {
background-color: gray; background-color: gray;
color: $tao-gray-600; color: $tao-gray-600;
border-left: 0; border-radius: 0;
border-right: 0; padding: 0.5em 0.7em;
border-radius: 100px;
padding: 5px 19px;
z-index: 200; z-index: 200;
.tfw-tab-btn-saved, .tfw-tab-btn-saved,
@ -39,23 +36,19 @@
background-color: white; background-color: white;
font-weight: bolder; font-weight: bolder;
color: black; color: black;
border: 0;
} }
} }
.tfw-deploy-btn-group { .tfw-deploy-btn-group {
margin: auto $tiny;
.tfw-deploy-btn { .tfw-deploy-btn {
background: $tao-bright-green-200; background: $tao-bright-green-200;
border-radius: 100px; padding: 0.5em 0.7em;
padding: 6px 19px; border-radius: 0;
img { img {
padding-right: 0.5em; padding-right: 0.5em;
position: relative; position: relative;
bottom: 1px; height: 1em;
height: $small;
} }
&.failed { &.failed {