mirror of
https://github.com/logseq/logseq.git
synced 2026-04-29 08:26:40 +00:00
optimize CSS to make the selection of blocks more intuitive
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user