tsanie/ui-lib
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

sync

Browse Source
This commit is contained in:
Chen Lily
2023-06-05 10:09:25 +08:00
parent a930a2bf5b
commit 93d5be462e
5 changed files with 111 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
lib/ui/css/popup.scss
View File

@ -45,7 +45,6 @@ $buttonHeight: 28px;
.ui-popup-header {
flex: 0 0 auto;
padding: 10px 12px 6px;
border-radius: var(--corner-radius) var(--corner-radius) 0 0;
line-height: $headerLineHeight;
user-select: none;
@ -63,28 +62,40 @@ $buttonHeight: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 0 6px 12px;
}
>svg {
>.ui-popup-header-title,
.ui-popup-move {
cursor: move;
}
>.ui-popup-header-icons {
flex: 0 0 auto;
width: $headerLineHeight;
height: $headerLineHeight;
fill: var(--title-color);
padding: 4px;
cursor: pointer;
box-sizing: border-box;
transition: opacity .12s ease;
padding: 10px 12px 6px 0;
display: flex;
&:hover {
opacity: .8;
}
>svg {
flex: 0 0 auto;
width: $headerLineHeight;
height: $headerLineHeight;
fill: var(--title-color);
padding: 4px;
cursor: pointer;
box-sizing: border-box;
transition: opacity .12s ease;
&:focus,
&:focus-visible {
outline: none;
opacity: .8;
background-color: rgb(0 0 0/10%);
border-radius: var(--corner-radius);
&:hover {
opacity: .8;
}
&:focus,
&:focus-visible {
outline: none;
opacity: .8;
background-color: rgb(0 0 0/10%);
border-radius: var(--corner-radius);
}
}
}
}

5
lib/ui/css/tooltip.scss
View File

@ -51,4 +51,9 @@
height: calc(100% - 16px);
user-select: none;
}
&.ui-tooltip-down>.ui-tooltip-pointer {
bottom: unset;
top: -8px;
}
}