mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-11-04 15:52:55 +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
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 {
display: grid;
height: $tao-navbar-height;
grid-template-columns: 8fr 1fr;
}
@@ -16,7 +15,7 @@
}
.btn-group {
padding-left: 34px;
padding-bottom: 1em;
}
.underline {
@@ -26,10 +25,8 @@
.tfw-tab-btn {
background-color: gray;
color: $tao-gray-600;
border-left: 0;
border-right: 0;
border-radius: 100px;
padding: 5px 19px;
border-radius: 0;
padding: 0.5em 0.7em;
z-index: 200;
.tfw-tab-btn-saved,
@@ -39,23 +36,19 @@
background-color: white;
font-weight: bolder;
color: black;
border: 0;
}
}
.tfw-deploy-btn-group {
margin: auto $tiny;
.tfw-deploy-btn {
background: $tao-bright-green-200;
border-radius: 100px;
padding: 6px 19px;
padding: 0.5em 0.7em;
border-radius: 0;
img {
padding-right: 0.5em;
position: relative;
bottom: 1px;
height: $small;
height: 1em;
}
&.failed {