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

Merge branch 'bootify-ide-header'

Browse Source
This commit is contained in:
Kristóf Tóth 2018-07-23 12:12:14 +02:00
commit 9c7e42fe23
1 changed files with 13 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,8 +5,8 @@
.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;
background-color: #353535;
} }
.tfw-ide-editor { .tfw-ide-editor {
@ -15,47 +15,40 @@
overflow: hidden; overflow: hidden;
} }
.btn-group {
padding-left: 34px;
}
.underline { .underline {
text-decoration: underline; text-decoration: underline;
} }
.tfw-tab-btn { .tfw-tab-btn {
background-color: gray; background-color: #333333;
color: $tao-gray-600; color: $tao-gray-400;
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,
.active, .active,
.disabled, .disabled,
&:disabled { &:disabled {
background-color: white; background-color: #131313; // matches vscode dark theme with disbled gray
font-weight: bolder; color: white;
color: black;
border: 0;
} }
} }
.tfw-deploy-btn-group { .tfw-deploy-btn-group {
margin: auto $tiny; display: flex;
justify-content: flex-end;
.tfw-deploy-btn { .tfw-deploy-btn {
background: $tao-bright-green-200; background: $tao-bright-green-200;
border-radius: 100px; padding: 0.5em 0.7em 0.8em 1.5em;
padding: 6px 19px; border-radius: 0;
border-bottom-left-radius: 2.2em;
img { img {
padding-right: 0.5em; padding-right: 0.5em;
position: relative; position: relative;
bottom: 1px; height: 1em;
height: $small;
} }
&.failed { &.failed {