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