diff --git a/src/resources/solid-custom.css b/src/resources/solid-custom.css index 9287702d..5ea37475 100644 --- a/src/resources/solid-custom.css +++ b/src/resources/solid-custom.css @@ -4493,6 +4493,15 @@ html.dark .solid-paginator-btn:hover:not(:disabled), box-shadow: -8px 0 12px -12px rgba(15, 23, 42, 0.18); } +.solid-data-table-td.solid-tree-actions-cell { + vertical-align: middle; +} + +.solid-data-table-td.solid-tree-actions-cell > div { + align-items: center; + min-height: 100%; +} + .solid-data-table-head .solid-tree-group-header-cell { min-height: 42px; z-index: 10 !important; @@ -4684,25 +4693,27 @@ html.dark .solid-paginator-btn:hover:not(:disabled), } .solid-tree-row-menu-trigger { + width: 28px; + height: 28px; + min-width: 28px; + padding: 0; + border-radius: 8px; + border: 1px solid color-mix(in srgb, var(--border) 86%, transparent); + background: var(--background); + color: color-mix(in srgb, var(--foreground) 78%, transparent); display: inline-flex; align-items: center; justify-content: center; - width: 2rem; - height: 2rem; - border-radius: 9px; - border: 1px solid transparent; - background: transparent; - color: color-mix(in srgb, var(--foreground) 76%, transparent); + cursor: pointer; transition: - background-color 120ms ease, - border-color 120ms ease, + background 120ms ease, color 120ms ease; } -.solid-tree-row-menu-trigger:hover { - background: color-mix(in srgb, var(--accent) 92%, transparent); - border-color: color-mix(in srgb, var(--border) 74%, transparent); - color: var(--foreground); +.solid-tree-row-menu-trigger:hover, +.solid-tree-row-menu-trigger[data-state="open"] { + background: var(--accent); + color: var(--accent-foreground); } .solid-tree-row-menu .solid-dropdown-menu-item { diff --git a/src/resources/themes/solid-light-modern/theme.css b/src/resources/themes/solid-light-modern/theme.css index 888ed5f2..c472509c 100644 --- a/src/resources/themes/solid-light-modern/theme.css +++ b/src/resources/themes/solid-light-modern/theme.css @@ -741,8 +741,7 @@ border-color: var(--solid-border-default) !important; } - .solid-row-menu-trigger, - .solid-tree-row-menu-trigger { + .solid-row-menu-trigger { background: #f3ebdd !important; background-color: #f3ebdd !important; border-color: var(--solid-border-default) !important; @@ -750,8 +749,7 @@ box-shadow: none !important; } - .solid-row-menu-trigger:hover, - .solid-tree-row-menu-trigger:hover { + .solid-row-menu-trigger:hover { background: #ede2d1 !important; background-color: #ede2d1 !important; color: #2e2e2e !important;