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

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

Browse source
This commit is contained in:
Vanessa 2023-07-31 11:10:38 +08:00
parent b72e67d378
commit b50ca3c292
2 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,6 +17,14 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
} }
&.custom-attr__avheader {
width: 100%;
align-items: center;
justify-content: center;
border-bottom: 1px solid var(--b3-border-color);
padding: 8px 0;
}
} }
.b3-text-field--text { .b3-text-field--text {

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

@ -210,7 +210,7 @@ const genAVValueHTML = (value: IAVCellValue) => {
break; break;
case "mSelect": case "mSelect":
case "select": case "select":
value.mSelect.forEach(item => { value.mSelect?.forEach(item => {
html += `<span class="b3-chip b3-chip--middle" style="background-color:var(--b3-font-background${item.color});color:var(--b3-font-color${item.color})">${item.content}</span>`; html += `<span class="b3-chip b3-chip--middle" style="background-color:var(--b3-font-background${item.color});color:var(--b3-font-color${item.color})">${item.content}</span>`;
}) })
break; break;
@ -241,12 +241,15 @@ export const renderAVAttribute = (element: HTMLElement, id: string) => {
}[], }[],
avName: string avName: string
}) => { }) => {
html += `<div class="b3-label b3-label--bordr">${table.avName}</div>`; html += `<div class="block__logo custom-attr__avheader">
<svg><use xlink:href="#iconDatabase"></use></svg>
<span>${table.avName || window.siyuan.languages.title}</span>
</div>`;
table.keyValues?.forEach(item => { table.keyValues?.forEach(item => {
html += `<div class="block__icons"> html += `<div class="block__icons">
<div class="block__logo"> <div class="block__logo">
<svg><use xlink:href="#${getColIconByType(item.key.type)}"></use></svg> <svg><use xlink:href="#${getColIconByType(item.key.type)}"></use></svg>
<span>${item.key.name || window.siyuan.languages.title}</span> <span>${item.key.name}</span>
</div> </div>
<div class="fn__flex-1 fn__flex"> <div class="fn__flex-1 fn__flex">
${genAVValueHTML(item.values[0])} ${genAVValueHTML(item.values[0])}