aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/menu')
-rw-r--r--client/src/app/menu/menu.component.html2
-rw-r--r--client/src/app/menu/menu.component.scss25
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
408my-global-icon { 395my-global-icon {