hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-12-23 11:31:57 +03:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/theme/styles/components.scss
View File

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