style: improve block fold arrow and bullet interaction

This commit is contained in:
charlie
2021-01-11 21:18:39 +08:00
committed by Tienson Qin
parent 2cc60d52f1
commit 4f42bc6eaa
2 changed files with 19 additions and 13 deletions

View File

@@ -1,6 +1,16 @@
.blocks-container {
}
.block-control,
.block-control:hover {
text-decoration: none;
cursor: pointer;
font-size: 14px;
min-width: 10px;
color: initial;
user-select: none;
}
.block-content {
min-height: 24px;
max-width: 100%;
@@ -201,8 +211,8 @@
.bullet-container {
display: flex;
height: 13px;
width: 13px;
height: 12px;
width: 12px;
border-radius: 50%;
justify-content: center;
align-items: center;
@@ -213,9 +223,14 @@
.bullet {
border-radius: 50%;
width: 5px;
height: 5px;
width: 6px;
height: 6px;
background-color: var(--ls-block-bullet-color, #394b59);
transition: transform .2s;
&:hover {
transform: scale(1.2);
}
}
&.bullet-closed {