Problem: fold arrow is small
Solution: increase size of clickable area for arrow
This commit is contained in:
parent
c30156dd10
commit
293c9d66a4
|
@ -79,10 +79,6 @@ body {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item .fold {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.list-item:hover .fold {
|
.list-item:hover .fold {
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
|
@ -96,11 +92,17 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.list-item .fold {
|
.list-item .fold {
|
||||||
|
height: 24px;
|
||||||
|
width: 24px;
|
||||||
|
text-align: center;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
|
flex-shrink: 0;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
margin-top: 4px;
|
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
visibility: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
padding-top: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// enable to close multi line content
|
// enable to close multi line content
|
||||||
|
|
Loading…
Reference in New Issue
Block a user