summaryrefslogtreecommitdiffstats
path: root/src/styles/vertical.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/vertical.scss')
-rw-r--r--src/styles/vertical.scss21
1 files changed, 11 insertions, 10 deletions
diff --git a/src/styles/vertical.scss b/src/styles/vertical.scss
index dd2ae4ed1..604f5aad6 100644
--- a/src/styles/vertical.scss
+++ b/src/styles/vertical.scss
@@ -23,8 +23,8 @@ $tabitem-bias: 30px;
23 clip-path: inset(10px 10px 0 10px); 23 clip-path: inset(10px 10px 0 10px);
24 } 24 }
25 25
26 >div:first-of-type { 26 > div:first-of-type {
27 overflow-x: scroll!important; 27 overflow-x: scroll !important;
28 width: 100%; 28 width: 100%;
29 } 29 }
30 30
@@ -32,7 +32,6 @@ $tabitem-bias: 30px;
32 flex-direction: row; 32 flex-direction: row;
33 33
34 .tab-item { 34 .tab-item {
35
36 &.is-active { 35 &.is-active {
37 border-left-width: 0px !important; 36 border-left-width: 0px !important;
38 border-top-width: 4px; 37 border-top-width: 4px;
@@ -45,7 +44,7 @@ $tabitem-bias: 30px;
45 padding-top: 4px; 44 padding-top: 4px;
46 } 45 }
47 46
48 &.is-label-enabled{ 47 &.is-label-enabled {
49 min-width: 70px; 48 min-width: 70px;
50 max-width: 140px; 49 max-width: 140px;
51 height: $sidebar-width + 10; 50 height: $sidebar-width + 10;
@@ -61,7 +60,7 @@ $tabitem-bias: 30px;
61 } 60 }
62 } 61 }
63 } 62 }
64 div{ 63 div {
65 overflow: hidden !important; 64 overflow: hidden !important;
66 } 65 }
67 66
@@ -92,8 +91,9 @@ $tabitem-bias: 30px;
92 z-index: 1000; 91 z-index: 1000;
93 pointer-events: none; 92 pointer-events: none;
94 clip-path: inset(10px 0 10px 10px); 93 clip-path: inset(10px 0 10px 10px);
95 box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, .12), 94 box-shadow:
96 inset 0 0 2px 0 rgba(0, 0, 0, 0.36); 95 inset 0 0 15px 0 rgba(0, 0, 0, 0.12),
96 inset 0 0 2px 0 rgba(0, 0, 0, 0.36);
97 } 97 }
98} 98}
99 99
@@ -103,8 +103,9 @@ $tabitem-bias: 30px;
103 } 103 }
104 104
105 .workspaces-drawer::after { 105 .workspaces-drawer::after {
106 box-shadow: inset 0 0 10px 0 $dark-theme-black, 106 box-shadow:
107 inset 0 0 2px 0 rgba(0, 0, 0, 0.4); 107 inset 0 0 10px 0 $dark-theme-black,
108 inset 0 0 2px 0 rgba(0, 0, 0, 0.4);
108 } 109 }
109} 110}
110 111
@@ -114,7 +115,7 @@ $tabitem-bias: 30px;
114 .sidebar__button--workspaces.is-active { 115 .sidebar__button--workspaces.is-active {
115 height: $sidebar-width - $sidebar-bias; 116 height: $sidebar-width - $sidebar-bias;
116 } 117 }
117 .tab-item .is-label-enabled{ 118 .tab-item .is-label-enabled {
118 height: $sidebar-width + $tabitem-bias; 119 height: $sidebar-width + $tabitem-bias;
119 } 120 }
120} 121}