SPACEBROWSER_INTERFACE/interface_base/master_styles/COMPONENT SCSS/PanelCollapse.scss
2025-08-07 20:28:59 -04:00

81 lines
1.5 KiB
SCSS

@import '../../styles/abstracts/variables';
.pannel-collapse {
border-radius: 16px;
.ant-collapse-item {
.ant-collapse-header {
border-radius: 16px !important;
}
&.ant-collapse-item-active {
.ant-collapse-header {
border-radius: 16px 16px 0 0 !important;
}
}
}
&.selected {
.ant-collapse-item {
.ant-collapse-header {
background: rgba($blue, $alpha: 0.05) !important;
}
.ant-collapse-content {
background: rgba($blue, $alpha: 0.05) !important;
}
}
}
.ant-collapse-item:last-child > .ant-collapse-content {
border-radius: 0 0 16px 16px;
}
&__header {
&--icon {
margin-right: 5px;
}
flex: 1;
}
.ant-checkbox {
margin-right: 2px;
&:hover::after,
&::after {
visibility: hidden;
}
&-input {
height: 20px;
width: 20px;
}
&-inner {
height: 20px;
width: 20px;
&::after {
left: 30%;
}
}
}
.ant-checkbox-checked {
.ant-checkbox-inner {
border-color: $green !important;
background: $green;
z-index: 1000;
}
}
}
.show-scroll-collapse {
.ant-collapse-item:last-child > .ant-collapse-content {
overflow-y: auto !important;
border-radius: 0 0 16px 16px;
max-height: 620px !important;
}
.ant-collapse-item:last-child
> .ant-collapse-content::-webkit-scrollbar-track {
border-radius: 10px;
margin-bottom: 10px;
}
}
.panel-header-fix-width {
width: 100%;
}