diff --git a/frappe/public/scss/desk/notification.scss b/frappe/public/scss/desk/notification.scss index cc2bb95409..b83ef8a030 100644 --- a/frappe/public/scss/desk/notification.scss +++ b/frappe/public/scss/desk/notification.scss @@ -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; }