Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-12-27 11:58:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

🎨 https://github.com/siyuan-note/siyuan/issues/15180

Browse source
This commit is contained in:
Vanessa 2025-08-23 12:17:43 +08:00
parent 8aa8ad65f8
commit a475a77a3b
2 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -422,7 +422,7 @@
}
&--edit .av__gallery-field[data-empty="true"] .av__gallery-tip {
display: flex;
display: block;
}
&:not(.av__gallery-fields--edit) [data-empty="true"] {
@ -435,19 +435,16 @@
}
&-name {
display: flex;
align-items: center;
opacity: 0.38;
padding: 2px 4px;
width: 100%;
flex-wrap: wrap;
white-space: normal;
word-break: break-all;
box-sizing: border-box;
}
&-tip {
box-sizing: border-box;
display: none;
align-items: center;
opacity: 0.38;
padding: 2px 4px;
width: 100%;
@ -457,11 +454,18 @@
&-tip,
&-name {
img:first-child, svg:first-child {
height: calc(1.625em - 10px);
img:first-child, svg:first-child, svg.ariaLabel {
height: 1.625em;
width: calc(1.625em - 10px);
margin: 0 5px 0 0;
font-size: 1em;
vertical-align: bottom;
}
img:first-child{
height: calc(1.625em - 10px);
float: left;
margin-top: 5px;
}
span:first-child {

9
app/src/protyle/render/av/gallery/render.ts
View file

@ -86,18 +86,15 @@ ${cell.color ? `color:${cell.color};` : ""}">${renderCell(cell.value, rowIndex,
if (data.displayFieldName) {
galleryHTML += `<div class="av__gallery-field av__gallery-field--name" data-empty="${isEmpty}">
<div class="av__gallery-name">
${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}
${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
<span class="fn__space"></span>
<span class="ft__smaller">${data.fields[fieldsIndex].desc || ""}</span>
${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
${data.fields[fieldsIndex].desc ? `<svg aria-label="${data.fields[fieldsIndex].desc}" data-position="north" class="ariaLabel"><use xlink:href="#iconInfo"></use></svg>` : ""}
</div>
${cellHTML}
</div>`;
} else {
galleryHTML += `<div class="av__gallery-field" data-empty="${isEmpty}">
<div class="av__gallery-tip">
${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}
${window.siyuan.languages.edit} ${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
${data.fields[fieldsIndex].icon ? unicode2Emoji(data.fields[fieldsIndex].icon, undefined, true) : `<svg><use xlink:href="#${getColIconByType(data.fields[fieldsIndex].type)}"></use></svg>`}${window.siyuan.languages.edit} ${Lute.EscapeHTMLStr(data.fields[fieldsIndex].name)}
</div>
${cellHTML}
</div>`;