Add divider between color and icon selectors (#1448)

Also make left icon fixed width
This commit is contained in:
Evan Simkowitz 2024-12-09 18:29:33 -08:00 committed by GitHub
parent 1f756193c0
commit 24d808cddc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -75,6 +75,10 @@
.expandable-menu-item-group { .expandable-menu-item-group {
margin: 0 8px; margin: 0 8px;
border: 1px solid transparent;
border-radius: 4px;
--workspace-color: var(--main-bg-color);
&:last-child { &:last-child {
margin-bottom: 4px; margin-bottom: 4px;
@ -85,13 +89,6 @@
.expandable-menu-item { .expandable-menu-item {
margin: 0; margin: 0;
} }
}
.expandable-menu-item-group {
border: 1px solid transparent;
border-radius: 4px;
--workspace-color: var(--main-bg-color);
.menu-group-title-wrapper { .menu-group-title-wrapper {
display: flex; display: flex;
@ -149,6 +146,7 @@
.left-icon { .left-icon {
font-size: 14px; font-size: 14px;
width: 16px;
} }
} }
@ -168,6 +166,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-top: 5px; margin-top: 5px;
padding-bottom: 15px;
border-bottom: 1px solid var(--modal-border-color);
.color-circle { .color-circle {
width: 15px; width: 15px;
@ -223,7 +223,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: 10px; margin-top: 5px;
} }
} }