diff options
Diffstat (limited to 'src/styles/vertical.scss')
-rw-r--r-- | src/styles/vertical.scss | 21 |
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 | } |