Put top menu "accountPlace" inside top-system-dropdown-id

This commit is contained in:
the-djmaze
2023-02-25 15:10:21 +01:00
parent 9ef96fccdd
commit 1663cc6ce5
2 changed files with 8 additions and 12 deletions

View File

@@ -1,8 +1,6 @@
#top-system-dropdown-id {
overflow: hidden;
padding-left: 8px;
padding-right: 6px;
padding: 0 6px;
}
.rl-left-panel-disabled #more-list-dropdown-id + .dropdown-menu {
@@ -50,17 +48,15 @@
}
.accountPlace {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: #fff;
border-right: 1px solid var(--btn-border-clr, rgba(0, 0, 0, 0.2));
display: inline-block;
font-weight: bold;
font-size: 16px;
line-height: 29px;
line-height: 22px;
margin: 0 6px -3px 0;
max-width: 25vw;
margin: 0;
overflow: hidden;
padding: 1px 8px;
overflow-x: hidden;
padding-right: 6px;
text-overflow: ellipsis;
text-shadow: 0 1px 0 #000;
white-space: nowrap;

View File

@@ -4,10 +4,10 @@
<div class="playIcon"><div></div></div>
<i class="stopIcon fontastic"></i>
</div>
<div class="accountPlace hide-mobile" data-bind="text: accountName(), title: accountEmail"></div>
<div class="btn-group dropdown" data-bind="registerBootstrapDropdown: true, openDropdownTrigger: accountMenuDropdownTrigger">
<a id="top-system-dropdown-id" href="#" tabindex="-1" class="btn single btn-block dropdown-toggle">
<i style="vertical-align:middle" class="fontastic" data-bind="css: {'icon-spinner': accountsLoading()}">👤</i>
<span class="accountPlace hide-mobile" data-bind="text: accountName(), title: accountEmail"></span>
<i class="fontastic" data-bind="css: {'icon-spinner': accountsLoading()}">👤</i>
<!--
<b data-bind="text: accountsUnreadCount, visible: 100 > accountsUnreadCount() && accountsUnreadCount()"></b>
<b data-bind="visible: 99 < accountsUnreadCount()">99+</b>