feat(planner): some ui improvements (#4992)

Signed-off-by: Eduard Aksamitov <e@euaaaio.ru>
This commit is contained in:
Eduard Aksamitov 2024-03-18 12:27:15 +03:00 committed by GitHub
parent d3e2436ac4
commit 24b75a9239
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -386,9 +386,28 @@
text-transform: uppercase; text-transform: uppercase;
} }
.hulyAccordionItem-header__chevron {
background-color: var(--global-ui-BackgroundColor);
border: 1px solid var(--global-subtle-ui-BorderColor);
}
&:hover {
.hulyAccordionItem-header__label {
color: var(--global-primary-TextColor);
}
}
&:active, &:active,
&.default.isOpen, &.default.isOpen,
&.selected { &.selected {
&:hover {
.hulyAccordionItem-header__label-wrapper {
background-color: var(--global-ui-hover-BackgroundColor);
}
.hulyAccordionItem-header__label {
color: var(--global-primary-TextColor);
}
}
.hulyAccordionItem-header__label-wrapper { .hulyAccordionItem-header__label-wrapper {
background-color: var(--global-ui-BackgroundColor); background-color: var(--global-ui-BackgroundColor);
} }
@ -402,7 +421,6 @@
.hulyAccordionItem-header__label-wrapper { .hulyAccordionItem-header__label-wrapper {
background-color: var(--global-ui-hover-BackgroundColor); background-color: var(--global-ui-hover-BackgroundColor);
} }
.hulyAccordionItem-header__label,
.hulyAccordionItem-header__counter { .hulyAccordionItem-header__counter {
color: var(--global-primary-TextColor); color: var(--global-primary-TextColor);
} }
@ -424,10 +442,10 @@
} }
} }
&.nested { &.nested {
padding-left: var(--spacing-5); padding-left: var(--spacing-2);
& + .hulyAccordionItem-content { & + .hulyAccordionItem-content {
margin-left: var(--spacing-5); margin-left: var(--spacing-2);
margin-right: var(--spacing-2); margin-right: var(--spacing-2);
} }
} }
@ -439,8 +457,8 @@
} }
} }
&.large { &.large {
padding: var(--spacing-2) var(--spacing-1_5); padding: var(--spacing-2) var(--spacing-1_5) var(--spacing-1) var(--spacing-2);
min-height: var(--global-max-Size); min-height: var(--global-extra-large-Size);
.hulyAccordionItem-header__label-wrapper { .hulyAccordionItem-header__label-wrapper {
gap: var(--spacing-1); gap: var(--spacing-1);
@ -489,9 +507,6 @@
padding-bottom: var(--spacing-2); padding-bottom: var(--spacing-2);
} }
&.large { &.large {
padding: var(--spacing-2) var(--spacing-1_5) var(--spacing-1);
min-height: var(--global-extra-large-Size);
.hulyAccordionItem-header__chevron > * { .hulyAccordionItem-header__chevron > * {
transform: rotate(90deg); transform: rotate(90deg);
} }