Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-22 17:40:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

🎨 fix https://github.com/siyuan-note/siyuan/issues/10885

Browse source
This commit is contained in:
Vanessa 2024-04-15 01:28:48 +08:00
parent 02415b8e90
commit 693e89bd7b
4 changed files with 32 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

40
app/src/assets/scss/business/_av.scss
View file

@ -48,8 +48,15 @@
background-color: transparent; background-color: transparent;
font-size: 87.5%; font-size: 87.5%;
.item__graphic {
height: 1.625em;
width: calc(1.625em - 10px);
padding: 5px 5px 5px 8px;
}
.item__text { .item__text {
padding-left: 5px; padding-left: 5px;
line-height: normal;
} }
} }
} }
@ -175,9 +182,9 @@
} }
svg { svg {
height: 8px;
width: 8px;
margin-left: 5px; margin-left: 5px;
height: 1.625em;
width: calc(1.625em - 10px);
} }
span { span {
@ -196,7 +203,7 @@
display: flex; display: flex;
.b3-button { .b3-button {
margin: 3px 0 3px 24px; margin: 5px 0 5px 1.625em;
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
background-color: transparent; background-color: transparent;
font-size: 75%; font-size: 75%;
@ -209,8 +216,8 @@
} }
svg { svg {
width: 12px; height: 1.625em;
height: 20px; width: calc(1.625em - 8px);
&[data-type="set-page-size"] { &[data-type="set-page-size"] {
margin: 0 0 0 4px; margin: 0 0 0 4px;
@ -287,12 +294,11 @@
} }
.av__cellheadericon { .av__cellheadericon {
height: 1em; height: 1.625em;
width: 1em; width: calc(1.625em - 10px);
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
margin: 0 5px 0 0; margin: 0 5px 0 0;
flex-shrink: 0; flex-shrink: 0;
line-height: 1em;
font-size: inherit; font-size: inherit;
&--pin { &--pin {
@ -315,6 +321,8 @@
.b3-chip { .b3-chip {
margin: 1px 2px; margin: 1px 2px;
padding: 2px 6px; padding: 2px 6px;
line-height: calc(1.625em - 6px);
font-size: inherit;
} }
} }
@ -345,7 +353,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
height: 20px; border-bottom: 0;
} }
& > .av__cellicon { & > .av__cellicon {
@ -357,10 +365,11 @@
&__checkbox { &__checkbox {
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
height: 14px; height: 1.625em;
width: 14px; width: calc(1.625em - 10px);
vertical-align: bottom; box-sizing: border-box;
padding: 4.5px 0; padding: 5px 0;
display: block;
&:hover { &:hover {
color: var(--b3-theme-on-background); color: var(--b3-theme-on-background);
@ -371,7 +380,7 @@
svg { svg {
@extend .av__checkbox; @extend .av__checkbox;
opacity: 0; opacity: 0;
padding: 9.5px 5px; margin: 5px;
cursor: pointer; cursor: pointer;
} }
@ -515,11 +524,12 @@
} }
img.av__cellassetimg { img.av__cellassetimg {
max-height: 20px; max-height: calc(1.625em - 2px);
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);
margin: 1px 2px; margin: 1px 2px;
max-width: none; max-width: none;
vertical-align: top; vertical-align: top;
font-size: inherit;
} }
html[data-theme-mode="dark"] .av__panel .b3-menu__item[draggable="true"] { html[data-theme-mode="dark"] .av__panel .b3-menu__item[draggable="true"] {

5
app/src/assets/scss/business/_custom.scss
View file

@ -12,6 +12,11 @@
&:hover { &:hover {
background-color: var(--b3-theme-background); background-color: var(--b3-theme-background);
} }
.av__checkbox {
width: 16px;
height: 26px;
}
} }
&__avheader { &__avheader {

2
app/src/protyle/render/av/blockAttr.ts
View file

@ -102,7 +102,7 @@ export const genAVValueHTML = (value: IAVCellValue) => {
<a href="tel:${value.phone.content}" target="_blank" aria-label="${window.siyuan.languages.openBy}" class="block__icon block__icon--show fn__flex-center b3-tooltips__w b3-tooltips"><svg><use xlink:href="#iconPhone"></use></svg></a>`; <a href="tel:${value.phone.content}" target="_blank" aria-label="${window.siyuan.languages.openBy}" class="block__icon block__icon--show fn__flex-center b3-tooltips__w b3-tooltips"><svg><use xlink:href="#iconPhone"></use></svg></a>`;
break; break;
case "checkbox": case "checkbox":
html = `<svg class="av__checkbox" style="height: 17px;"><use xlink:href="#icon${value.checkbox.checked ? "Check" : "Uncheck"}"></use></svg>`; html = `<svg class="av__checkbox"><use xlink:href="#icon${value.checkbox.checked ? "Check" : "Uncheck"}"></use></svg>`;
break; break;
case "template": case "template":
html = `<div class="fn__flex-1">${value.template.content}</div>`; html = `<div class="fn__flex-1">${value.template.content}</div>`;

2
app/src/protyle/render/av/openMenuPanel.ts
View file

@ -462,7 +462,7 @@ export const openMenuPanel = (options: {
} }
let target = event.target as HTMLElement; let target = event.target as HTMLElement;
while (target && !target.isSameNode(avPanelElement) || type) { while (target && !target.isSameNode(avPanelElement) || type) {
type = target.dataset.type || type; type = target?.dataset.type || type;
if (type === "close") { if (type === "close") {
if (!options.protyle.toolbar.subElement.classList.contains("fn__none")) { if (!options.protyle.toolbar.subElement.classList.contains("fn__none")) {
// 优先关闭资源文件搜索 // 优先关闭资源文件搜索