aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/title-bar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/title-bar.scss')
-rw-r--r--src/styles/title-bar.scss36
1 files changed, 26 insertions, 10 deletions
diff --git a/src/styles/title-bar.scss b/src/styles/title-bar.scss
index b6d28ac60..99c844c1c 100644
--- a/src/styles/title-bar.scss
+++ b/src/styles/title-bar.scss
@@ -10,7 +10,9 @@
10 } 10 }
11 11
12 &:not(.open) { 12 &:not(.open) {
13 .menu-item .menu-label { opacity: 1; } 13 .menu-item .menu-label {
14 opacity: 1;
15 }
14 > .toolbar-button > button:hover { 16 > .toolbar-button > button:hover {
15 background: $dark-theme-gray-darkest; 17 background: $dark-theme-gray-darkest;
16 } 18 }
@@ -43,18 +45,28 @@
43#electron-app-title-bar { 45#electron-app-title-bar {
44 background: $theme-gray-lightest; 46 background: $theme-gray-lightest;
45 border-bottom: 0; 47 border-bottom: 0;
46 box-shadow: 0 0 8px rgba(black, .1); 48 box-shadow: 0 0 8px rgba(black, 0.1);
47 49
48 span { line-height: normal; } 50 span {
51 line-height: normal;
52 }
49 53
50 div { height: auto; } 54 div {
55 height: auto;
56 }
51 57
52 .toolbar-dropdown { 58 .toolbar-dropdown {
53 &.open { box-shadow: 0 0 8px rgba(black, 0.1); } 59 &.open {
60 box-shadow: 0 0 8px rgba(black, 0.1);
61 }
54 62
55 &:not(.open) { 63 &:not(.open) {
56 .menu-item .menu-label { opacity: 1; } 64 .menu-item .menu-label {
57 > .toolbar-button > button:hover { background: $theme-brand-primary; } 65 opacity: 1;
66 }
67 > .toolbar-button > button:hover {
68 background: $theme-brand-primary;
69 }
58 } 70 }
59 } 71 }
60 72
@@ -63,14 +75,18 @@
63 border-radius: $theme-border-radius-small; 75 border-radius: $theme-border-radius-small;
64 margin: 4px; 76 margin: 4px;
65 77
66 .status-icon { min-width: 12px; } 78 .status-icon {
79 min-width: 12px;
80 }
67 } 81 }
68 82
69 &.selected, 83 &.selected,
70 &.selected:focus { 84 &.selected:focus {
71 background: none; 85 background: none;
72 86
73 .menu-item { background: $theme-brand-primary; } 87 .menu-item {
88 background: $theme-brand-primary;
89 }
74 } 90 }
75 } 91 }
76 92
@@ -78,7 +94,7 @@
78 &.menu-endblock { 94 &.menu-endblock {
79 border-bottom-left-radius: $theme-border-radius-small; 95 border-bottom-left-radius: $theme-border-radius-small;
80 border-bottom-right-radius: $theme-border-radius-small; 96 border-bottom-right-radius: $theme-border-radius-small;
81 box-shadow: 0px 15px 10px -15px rgba(black, .5); 97 box-shadow: 0px 15px 10px -15px rgba(black, 0.5);
82 border-left-width: 0px; 98 border-left-width: 0px;
83 } 99 }
84 } 100 }