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

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

Browse source
This commit is contained in:
Vanessa 2023-03-26 12:01:05 +08:00
parent 597ec6cacf
commit 9c8f410d32
5 changed files with 27 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/src/assets/scss/base.scss
View file

@ -378,7 +378,7 @@ html {
margin-left: 4px;
line-height: 22px;
padding: 0 8px;
color: var(--b3-theme-on-surface);
color: var(--b3-theme-on-surface-light);
border-radius: 2px;
font-size: 12px;
user-select: none;

6
app/src/assets/scss/component/_list.scss
View file

@ -98,9 +98,8 @@
&__toggle {
display: flex;
align-items: center;
height: 22px;
padding: 0 4px;
color: var(--b3-theme-on-surface);
color: var(--b3-theme-on-surface-light);
transition: var(--b3-transition);
&--hl:hover {
@ -124,7 +123,6 @@
font-size: 16px;
margin-right: 4px;
line-height: 22px;
height: 22px;
transition: var(--b3-transition);
padding: 0 4px;
flex-shrink: 0;
@ -214,7 +212,7 @@
&__action {
flex-shrink: 0;
align-items: center;
color: var(--b3-theme-on-surface);
color: var(--b3-theme-on-surface-light);
height: 22px;
padding: 0 4px;
margin-left: 4px;

53
app/src/assets/scss/mobile.scss
View file

@ -31,53 +31,42 @@
.b3-list--mobile {
.counter {
line-height: 36px;
height: 36px;
font-size: 16px;
border-radius: 4px;
}
& > .fn__flex-column {
height: 100%;
}
.b3-list-item {
font-size: 18px;
line-height: 36px;
padding: 4px;
line-height: 40px;
&__icon {
font-size: 18px;
line-height: 36px;
height: auto;
line-height: 40px;
}
&__graphic {
width: 20px;
height: 20px;
padding: 8px 4px;
line-height: 20px;
font-size: 20px;
width: 18px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
&__toggle {
padding: 11px;
height: auto;
padding: 14px;
}
&__arrow {
height: 14px;
width: 14px;
height: 12px;
width: 12px;
}
&__action {
padding: 8px;
height: 20px;
padding: 12px;
height: 16px;
svg {
width: 20px;
height: 20px;
width: 16px;
height: 16px;
}
}
}
@ -91,14 +80,14 @@
.counter {
margin-left: 4px;
line-height: 22px;
padding: 0 8px;
color: var(--b3-theme-on-surface);
border-radius: 2px;
font-size: 12px;
color: var(--b3-theme-on-surface-light);
border-radius: 4px;
user-select: none;
height: 22px;
background-color: var(--b3-theme-background-light);
line-height: 24px;
height: 24px;
font-size: 16px;
}
.toolbar {
@ -116,9 +105,9 @@
}
&__icon {
height: 20px;
width: 20px;
padding: 8px;
height: 16px;
width: 16px;
padding: 10px;
flex-shrink: 0;
margin: 6px 4px;
color: var(--b3-theme-on-surface);

2
app/src/mobile/util/MobileFiles.ts
View file

@ -605,7 +605,7 @@ export class MobileFiles extends Model {
}
return `<li data-node-id="${item.id}" data-name="${Lute.EscapeHTMLStr(item.name)}" data-type="navigation-file"
class="b3-list-item" data-path="${item.path}">
<span style="padding-left: ${(item.path.split("/").length - 2) * 29 + 40}px" class="b3-list-item__toggle${item.subFileCount === 0 ? " fn__hidden" : ""}">
<span style="padding-left: ${(item.path.split("/").length - 2) * 30 + 44}px" class="b3-list-item__toggle${item.subFileCount === 0 ? " fn__hidden" : ""}">
<svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg>
</span>
<span class="b3-list-item__icon">${unicode2Emoji(item.icon || (item.subFileCount === 0 ? Constants.SIYUAN_IMAGE_FILE : Constants.SIYUAN_IMAGE_FOLDER))}</span>

4
app/src/util/Tree.ts
View file

@ -77,7 +77,7 @@ export class Tree {
let style = "";
if (isMobile()) {
if (item.depth > 0) {
style = `padding-left: ${(item.depth - 1) * 29 + 40}px`;
style = `padding-left: ${(item.depth - 1) * 30 + 44}px`;
}
} else {
style = `padding-left: ${(item.depth - 1) * 18 + 22}px;margin-right: 2px`;
@ -130,7 +130,7 @@ ${item.label ? "data-label='" + item.label + "'" : ""}>
let style = "";
if (isMobile()) {
if (item.depth > 0) {
style = `padding-left: ${(item.depth - 1) * 29 + 40}px`;
style = `padding-left: ${(item.depth - 1) * 30 + 44}px`;
}
} else {
style = `padding-left: ${(item.depth - 1) * 18 + 22}px;margin-right: 2px`;