GuanM/tabby
1
0
Fork 0
mirror of https://github.com/Eugeny/tabby.git synced 2025-06-19 19:09:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated tab design

Browse Source
This commit is contained in:
Eugene Pankov 2018-03-23 17:45:11 +01:00
parent 9cedeb3efb
commit bebde4799d
2 changed files with 4 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
terminus-core/src/components/tabHeader.component.scss
View File

@ -14,8 +14,6 @@ $tabs-height: 36px;
transition: 0.125s ease-out all; transition: 0.125s ease-out all;
border-top: 1px solid transparent;
.index { .index {
flex: none; flex: none;
font-weight: bold; font-weight: bold;

12
terminus-core/src/theme.scss
View File

@ -105,7 +105,7 @@ window-controls {
} }
} }
$border-color: #141414; $border-color: #111;
app-root { app-root {
&> .content { &> .content {
@ -131,7 +131,7 @@ app-root {
background: $body-bg2; background: $body-bg2;
border-left: 1px solid transparent; border-left: 1px solid transparent;
border-right: 1px solid transparent; border-right: 1px solid transparent;
border-top: 1px solid transparent; transition: 0.25s all;
.index { .index {
color: #555; color: #555;
@ -159,17 +159,15 @@ app-root {
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
tab-header { tab-header {
border-top: 1px solid transparent;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;
margin-bottom: -1px; margin-bottom: -1px;
&.active { &.active {
border-top: 1px solid $teal;
border-bottom-color: transparent; border-bottom-color: transparent;
} }
&.has-activity:not(.active) { &.has-activity:not(.active) {
border-top: 1px solid $green; background: linear-gradient(to bottom, rgba(208, 0, 0, 0) 95%, #1aa99c 100%);
} }
} }
} }
@ -178,17 +176,15 @@ app-root {
border-top: 1px solid $border-color; border-top: 1px solid $border-color;
tab-header { tab-header {
border-bottom: 1px solid transparent;
border-top: 1px solid $border-color; border-top: 1px solid $border-color;
margin-top: -1px; margin-top: -1px;
&.active { &.active {
border-bottom: 1px solid $teal;
margin-top: -1px; margin-top: -1px;
} }
&.has-activity:not(.active) { &.has-activity:not(.active) {
border-bottom: 1px solid $green; background: linear-gradient(to top, rgba(208, 0, 0, 0) 95%, #1aa99c 100%);
} }
} }
} }