diff options
Diffstat (limited to 'client/src/app/menu')
-rw-r--r-- | client/src/app/menu/menu.component.html | 2 | ||||
-rw-r--r-- | client/src/app/menu/menu.component.scss | 25 |
2 files changed, 7 insertions, 20 deletions
diff --git a/client/src/app/menu/menu.component.html b/client/src/app/menu/menu.component.html index 2961daaa3..3f00cac04 100644 --- a/client/src/app/menu/menu.component.html +++ b/client/src/app/menu/menu.component.html | |||
@@ -16,7 +16,7 @@ | |||
16 | </div> | 16 | </div> |
17 | 17 | ||
18 | <div class="dropdown-toggle-indicator"> | 18 | <div class="dropdown-toggle-indicator"> |
19 | <span class="glyphicon glyphicon-chevron-down"></span> | 19 | <span class="chevron-down"></span> |
20 | </div> | 20 | </div> |
21 | </div> | 21 | </div> |
22 | 22 | ||
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index 808a33a4a..c52af6c80 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss | |||
@@ -106,6 +106,7 @@ my-notification { | |||
106 | } | 106 | } |
107 | 107 | ||
108 | .logged-in-more { | 108 | .logged-in-more { |
109 | |||
109 | @mixin display-hints($is-mobile: false) { | 110 | @mixin display-hints($is-mobile: false) { |
110 | background-color: rgba(255, 255, 255, 0.15); | 111 | background-color: rgba(255, 255, 255, 0.15); |
111 | 112 | ||
@@ -114,18 +115,16 @@ my-notification { | |||
114 | display: inherit !important; | 115 | display: inherit !important; |
115 | } | 116 | } |
116 | 117 | ||
117 | .dropdown-toggle { | 118 | > .dropdown-toggle { |
118 | max-width: 88% !important; | 119 | max-width: 88% !important; |
119 | } | 120 | } |
120 | } | 121 | } |
121 | } | 122 | } |
122 | 123 | ||
123 | $main-radius: 25px; | ||
124 | |||
125 | @include margin-left(13px); | 124 | @include margin-left(13px); |
126 | 125 | ||
127 | flex: 1; | 126 | flex: 1; |
128 | border-radius: $main-radius; | 127 | border-radius: 25px; |
129 | transition: all .1s ease-in-out; | 128 | transition: all .1s ease-in-out; |
130 | cursor: pointer; | 129 | cursor: pointer; |
131 | line-height: 1; | 130 | line-height: 1; |
@@ -157,7 +156,6 @@ my-notification { | |||
157 | 156 | ||
158 | .dropdown-toggle-indicator { | 157 | .dropdown-toggle-indicator { |
159 | position: relative; | 158 | position: relative; |
160 | width: 0; | ||
161 | display: none; | 159 | display: none; |
162 | 160 | ||
163 | span { | 161 | span { |
@@ -165,21 +163,17 @@ my-notification { | |||
165 | right: -35px; | 163 | right: -35px; |
166 | top: -8px; | 164 | top: -8px; |
167 | color: #808080; | 165 | color: #808080; |
168 | width: $main-radius; | ||
169 | } | 166 | } |
170 | } | 167 | } |
171 | 168 | ||
172 | .dropdown-toggle { | 169 | .dropdown-toggle::after { |
173 | &::after { | 170 | border: 0; |
174 | border: 0; | ||
175 | } | ||
176 | } | 171 | } |
177 | 172 | ||
178 | .dropdown-toggle:first-child { | 173 | > .dropdown-toggle:first-child { |
179 | display: flex; | 174 | display: flex; |
180 | align-items: center; | 175 | align-items: center; |
181 | padding: 5px 7px; | 176 | padding: 5px 7px; |
182 | border-radius: $main-radius; | ||
183 | } | 177 | } |
184 | } | 178 | } |
185 | 179 | ||
@@ -396,13 +390,6 @@ my-actor-avatar { | |||
396 | .dropdown-menu { | 390 | .dropdown-menu { |
397 | width: calc(100vw - 30px); | 391 | width: calc(100vw - 30px); |
398 | } | 392 | } |
399 | |||
400 | .dropdown-item:hover, | ||
401 | .dropdown-item:active { | ||
402 | &.settings-sensitive my-global-icon ::ng-deep svg { | ||
403 | margin-top: 0 !important; | ||
404 | } | ||
405 | } | ||
406 | } | 393 | } |
407 | 394 | ||
408 | my-global-icon { | 395 | my-global-icon { |