diff options
Diffstat (limited to 'src/styles/title-bar.scss')
-rw-r--r-- | src/styles/title-bar.scss | 35 |
1 files changed, 12 insertions, 23 deletions
diff --git a/src/styles/title-bar.scss b/src/styles/title-bar.scss index 5316f35b3..5c7b0bcdf 100644 --- a/src/styles/title-bar.scss +++ b/src/styles/title-bar.scss | |||
@@ -1,49 +1,38 @@ | |||
1 | #electron-app-title-bar { | 1 | #electron-app-title-bar { |
2 | background: $theme-gray-lightest; | 2 | background: $theme-gray-lightest; |
3 | border-bottom: 0; | 3 | border-bottom: 0; |
4 | box-shadow: 0px 0 8px rgba(#000, 0.1); | 4 | box-shadow: 0 0 8px rgba(black, .1); |
5 | 5 | ||
6 | span { | 6 | span { line-height: normal; } |
7 | line-height: normal; | ||
8 | } | ||
9 | 7 | ||
10 | div { | 8 | div { height: auto; } |
11 | height: auto; | ||
12 | } | ||
13 | 9 | ||
14 | .toolbar-dropdown { | 10 | .toolbar-dropdown { |
15 | &.open { | 11 | &.open { box-shadow: 0 0 8px rgba(black, 0.1); } |
16 | box-shadow: 0px 0 8px rgba(#000, 0.1); | ||
17 | } | ||
18 | 12 | ||
19 | &:not(.open) { | 13 | &:not(.open) { |
20 | .menu-item .menu-label { | 14 | .menu-item .menu-label { opacity: 1; } |
21 | opacity: 1; | 15 | > .toolbar-button > button:hover { background: $theme-brand-primary; } |
22 | } | ||
23 | |||
24 | &>.toolbar-button > button:hover { | ||
25 | background: $theme-brand-primary; | ||
26 | } | ||
27 | } | 16 | } |
28 | } | 17 | } |
29 | 18 | ||
30 | .list-item { | 19 | .list-item { |
31 | .menu-item { | 20 | .menu-item { |
32 | margin: 4px; | ||
33 | border-radius: $theme-border-radius-small; | 21 | border-radius: $theme-border-radius-small; |
22 | margin: 4px; | ||
34 | } | 23 | } |
35 | &.selected, &.selected:focus { | 24 | |
25 | &.selected, | ||
26 | &.selected:focus { | ||
36 | background: none; | 27 | background: none; |
37 | 28 | ||
38 | .menu-item { | 29 | .menu-item { background: $theme-brand-primary; } |
39 | background: $theme-brand-primary; | ||
40 | } | ||
41 | } | 30 | } |
42 | } | 31 | } |
43 | 32 | ||
44 | .menu-pane { | 33 | .menu-pane { |
45 | box-shadow: 0px 0 10px rgba(#000, 0.5); | ||
46 | border-bottom-left-radius: $theme-border-radius-small; | 34 | border-bottom-left-radius: $theme-border-radius-small; |
47 | border-bottom-right-radius: $theme-border-radius-small; | 35 | border-bottom-right-radius: $theme-border-radius-small; |
36 | box-shadow: 0 0 10px rgba(black, .5); | ||
48 | } | 37 | } |
49 | } | 38 | } |