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; margin-left: 4px;
line-height: 22px; line-height: 22px;
padding: 0 8px; padding: 0 8px;
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface-light);
border-radius: 2px; border-radius: 2px;
font-size: 12px; font-size: 12px;
user-select: none; user-select: none;

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

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

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

@ -31,53 +31,42 @@
.b3-list--mobile { .b3-list--mobile {
.counter {
line-height: 36px;
height: 36px;
font-size: 16px;
border-radius: 4px;
}
& > .fn__flex-column { & > .fn__flex-column {
height: 100%; height: 100%;
} }
.b3-list-item { .b3-list-item {
font-size: 18px; font-size: 18px;
line-height: 36px; line-height: 40px;
padding: 4px;
&__icon { &__icon {
font-size: 18px; font-size: 18px;
line-height: 36px; line-height: 40px;
height: auto;
} }
&__graphic { &__graphic {
width: 20px; width: 18px;
height: 20px; height: 40px;
padding: 8px 4px; line-height: 40px;
line-height: 20px; font-size: 18px;
font-size: 20px;
} }
&__toggle { &__toggle {
padding: 11px; padding: 14px;
height: auto;
} }
&__arrow { &__arrow {
height: 14px; height: 12px;
width: 14px; width: 12px;
} }
&__action { &__action {
padding: 8px; padding: 12px;
height: 20px; height: 16px;
svg { svg {
width: 20px; width: 16px;
height: 20px; height: 16px;
} }
} }
} }
@ -91,14 +80,14 @@
.counter { .counter {
margin-left: 4px; margin-left: 4px;
line-height: 22px;
padding: 0 8px; padding: 0 8px;
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface-light);
border-radius: 2px; border-radius: 4px;
font-size: 12px;
user-select: none; user-select: none;
height: 22px;
background-color: var(--b3-theme-background-light); background-color: var(--b3-theme-background-light);
line-height: 24px;
height: 24px;
font-size: 16px;
} }
.toolbar { .toolbar {
@ -116,9 +105,9 @@
} }
&__icon { &__icon {
height: 20px; height: 16px;
width: 20px; width: 16px;
padding: 8px; padding: 10px;
flex-shrink: 0; flex-shrink: 0;
margin: 6px 4px; margin: 6px 4px;
color: var(--b3-theme-on-surface); 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" 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}"> 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> <svg class="b3-list-item__arrow"><use xlink:href="#iconRight"></use></svg>
</span> </span>
<span class="b3-list-item__icon">${unicode2Emoji(item.icon || (item.subFileCount === 0 ? Constants.SIYUAN_IMAGE_FILE : Constants.SIYUAN_IMAGE_FOLDER))}</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 = ""; let style = "";
if (isMobile()) { if (isMobile()) {
if (item.depth > 0) { if (item.depth > 0) {
style = `padding-left: ${(item.depth - 1) * 29 + 40}px`; style = `padding-left: ${(item.depth - 1) * 30 + 44}px`;
} }
} else { } else {
style = `padding-left: ${(item.depth - 1) * 18 + 22}px;margin-right: 2px`; style = `padding-left: ${(item.depth - 1) * 18 + 22}px;margin-right: 2px`;
@ -130,7 +130,7 @@ ${item.label ? "data-label='" + item.label + "'" : ""}>
let style = ""; let style = "";
if (isMobile()) { if (isMobile()) {
if (item.depth > 0) { if (item.depth > 0) {
style = `padding-left: ${(item.depth - 1) * 29 + 40}px`; style = `padding-left: ${(item.depth - 1) * 30 + 44}px`;
} }
} else { } else {
style = `padding-left: ${(item.depth - 1) * 18 + 22}px;margin-right: 2px`; style = `padding-left: ${(item.depth - 1) * 18 + 22}px;margin-right: 2px`;