diff options
Diffstat (limited to 'src/styles/layout.scss')
-rw-r--r-- | src/styles/layout.scss | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/src/styles/layout.scss b/src/styles/layout.scss index ecc305193..acbd65ad1 100644 --- a/src/styles/layout.scss +++ b/src/styles/layout.scss | |||
@@ -17,9 +17,13 @@ html { overflow: hidden; } | |||
17 | .theme__dark .app { | 17 | .theme__dark .app { |
18 | .sidebar { | 18 | .sidebar { |
19 | background: $dark-theme-gray-darker; | 19 | background: $dark-theme-gray-darker; |
20 | box-shadow: 0 0 5px 0 $dark-theme-black; | ||
21 | color: $theme-text-color; | 20 | color: $theme-text-color; |
22 | 21 | ||
22 | &::after { | ||
23 | box-shadow: inset 0 0 5px 0 $dark-theme-black, | ||
24 | inset 0 0 2px 0 rgba(0, 0, 0, 0.4); | ||
25 | } | ||
26 | |||
23 | .sidebar__add-service { | 27 | .sidebar__add-service { |
24 | color: $dark-theme-gray-lighter; | 28 | color: $dark-theme-gray-lighter; |
25 | background: $dark-theme-gray; | 29 | background: $dark-theme-gray; |
@@ -108,9 +112,9 @@ body.win32:not(.isFullScreen) .app .app__content { | |||
108 | .darwin .sidebar { padding-top: 23px; } | 112 | .darwin .sidebar { padding-top: 23px; } |
109 | 113 | ||
110 | .sidebar { | 114 | .sidebar { |
115 | position: relative; | ||
111 | align-items: center; | 116 | align-items: center; |
112 | background: $theme-gray-lightest; | 117 | background: $theme-gray-lightest; |
113 | box-shadow: 1px 0 10px rgba(0, 0, 0, .08); | ||
114 | color: $theme-text-color; | 118 | color: $theme-text-color; |
115 | display: flex; | 119 | display: flex; |
116 | flex-direction: column; | 120 | flex-direction: column; |
@@ -119,6 +123,20 @@ body.win32:not(.isFullScreen) .app .app__content { | |||
119 | width: $theme-sidebar-width; | 123 | width: $theme-sidebar-width; |
120 | z-index: 200; | 124 | z-index: 200; |
121 | 125 | ||
126 | &::after { | ||
127 | content: ' '; | ||
128 | position: absolute; | ||
129 | top: -10px; | ||
130 | right: 0; | ||
131 | bottom: -10px; | ||
132 | left: -10px; | ||
133 | z-index: 1000; | ||
134 | pointer-events: none; | ||
135 | clip-path: inset(10px 0 10px 10px); | ||
136 | box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .12), | ||
137 | inset 0 0 2px 0 rgba(0, 0, 0, 0.24); | ||
138 | } | ||
139 | |||
122 | .sidebar__add-service { | 140 | .sidebar__add-service { |
123 | color: $theme-gray-light; | 141 | color: $theme-gray-light; |
124 | background: $theme-gray-lighter; | 142 | background: $theme-gray-lighter; |
@@ -191,4 +209,4 @@ body.win32:not(.isFullScreen) .app .app__content { | |||
191 | 209 | ||
192 | a, button { | 210 | a, button { |
193 | cursor: pointer; | 211 | cursor: pointer; |
194 | } \ No newline at end of file | 212 | } |