Merge pull request #38653 from kaulith/fix/notification-badge-on-sidebar
fix(ui): properly align notification indicator on sidebar badge
This commit is contained in:
commit
93274a6ec5
1 changed files with 18 additions and 3 deletions
|
|
@ -50,8 +50,6 @@
|
|||
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: auto;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
|
|
@ -60,7 +58,24 @@
|
|||
}
|
||||
}
|
||||
|
||||
.sidebar-notification .item-anchor {
|
||||
.desktop-notification-icon.indicator::before {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.sidebar-notification .sidebar-item-icon.indicator::before {
|
||||
top: 5px;
|
||||
right: 6px;
|
||||
height: 5.5px;
|
||||
width: 5.5px;
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.sidebar-notification:hover .sidebar-item-icon.indicator::before {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.sidebar-notification .standard-sidebar-item .item-anchor {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue