From 8ee30e1a2223184fde7e65f53b2591bc8ac00feb Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 29 Nov 2024 15:54:10 +0200 Subject: [PATCH] Restyle menu item delimiters --- src/public/stylesheets/theme-next.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index d854c1dd1..950843f76 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -102,6 +102,7 @@ --menu-item-icon-color: #505050; --menu-item-disabled-opacity: .5; --menu-item-accelerator-color: #666666a8; + --menu-item-delimiter-color: #00000030; --modal-background-color: white; --modal-backdrop-color: black; @@ -222,7 +223,8 @@ --menu-item-icon-color: #505050; --menu-item-disabled-opacity: .5; --menu-item-accelerator-color: #666666a8; - + --menu-item-delimiter-color: #00000030; + --modal-background-color: #333; --modal-backdrop-color: #444; @@ -791,6 +793,21 @@ html body .dropdown-item.disabled { color: var(--menu-item-accelerator-color) !important; } +.dropdown-divider { + position: relative; + border-color: transparent !important; + overflow: visible; +} + +.dropdown-divider::after { + position: absolute; + content: ""; + top: -1px; + left: calc(0px - var(--menu-padding-size)); + right: calc(0px - var(--menu-padding-size)); + border-top: 1px solid var(--menu-item-delimiter-color); +} + /* * TEXT NOTES */