optimize CSS to make the selection of blocks more intuitive

This commit is contained in:
Mega Yu
2023-12-22 16:27:26 +08:00
committed by Tienson Qin
parent aaf856e803
commit b69087c30a

View File

@@ -365,6 +365,10 @@
}
}
.block-main-container {
padding: 2px 0;
}
.ls-block {
position: relative;
min-height: 24px;
@@ -372,12 +376,21 @@
border-bottom: 1px solid transparent;
transition: background-color 0.3s cubic-bezier(0.16, 1, 0.3, 1);
&.selected {
border-bottom-color: var(--ls-primary-background-color);
border-radius: 2px;
&[haschild="true"] {
&.selected {
> .block-main-container {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: var(--ts-primary-background-cotor);
border-radius: 2px;
}
}
}
&:last-child {
border-bottom-color: transparent;
&[haschild="false"] {
&.selected {
border-bottom-color: var(--ts-primary-background-cotor);
border-radius: 2px;
}
}
}