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

♻️ hhttps://github.com/siyuan-note/siyuan/pull/15114

Browse source
This commit is contained in:
Vanessa 2025-07-10 19:49:17 +08:00
parent a4ee654cb2
commit e0fe3361d2
14 changed files with 102 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -34,5 +34,5 @@
@use "business/av" as *;
@use "business/emojis" as *;
@use "component/svg" as *;
@use "base-styles" as *;
@use "main/main" as *;
@use "util/responsive" as *; // 需放置最后，否则 https://github.com/siyuan-note/siyuan/issues/7056

2
app/src/assets/scss/business/_card.scss
View file

@ -2,7 +2,7 @@
.card {
&__main {
@extend %fn__flex-column;
@extend .fn__flex-column;
box-sizing: border-box;
max-height: 100%;
background-color: var(--b3-theme-surface);

4
app/src/assets/scss/business/_search.scss
View file

@ -81,7 +81,7 @@
}
&__history-icon {
@extend %fn__a;
@extend .fn__a;
height: 42px;
width: 42px;
display: block;
@ -144,7 +144,7 @@
}
&__rmpath {
@extend %b3-form__icon-clear;
@extend .b3-form__icon-clear;
}
&__tip {

26
app/src/assets/scss/component/_form.scss
View file

@ -1,17 +1,3 @@
%b3-form__icon-clear {
position: absolute;
height: 18px;
width: 16px;
opacity: .68;
transition: var(--b3-transition);
right: 0;
cursor: pointer;
&:hover {
opacity: 1;
}
}
.b3-form {
&__space {
margin: 16px 24px;
@ -61,7 +47,17 @@
}
&__icon-clear {
@extend %b3-form__icon-clear;
position: absolute;
height: 18px;
width: 16px;
opacity: .68;
transition: var(--b3-transition);
right: 0;
cursor: pointer;
&:hover {
opacity: 1;
}
}
// repo password & av description

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

@ -1,32 +1,5 @@
@use "../util/mixin";
%b3-list-item__icon {
svg, img {
height: 16px;
width: 16px;
color: var(--b3-theme-on-surface);
}
text-align: center;
font-size: 14px;
font-family: var(--b3-font-family-emoji);
margin-right: 4px;
line-height: 22px;
transition: var(--b3-transition);
height: 22px;
padding: 0 4px;
flex-shrink: 0;
border-radius: var(--b3-border-radius);
display: flex;
align-items: center;
justify-content: center;
&:hover {
color: var(--b3-theme-on-background);
background-color: var(--b3-list-icon-hover);
}
}
.b3-list {
mark {
background-color: var(--b3-protyle-inline-mark-background);
@ -185,7 +158,30 @@
}
&__icon {
@extend %b3-list-item__icon;
svg, img {
height: 16px;
width: 16px;
color: var(--b3-theme-on-surface);
}
text-align: center;
font-size: 14px;
font-family: var(--b3-font-family-emoji);
margin-right: 4px;
line-height: 22px;
transition: var(--b3-transition);
height: 22px;
padding: 0 4px;
flex-shrink: 0;
border-radius: var(--b3-border-radius);
display: flex;
align-items: center;
justify-content: center;
&:hover {
color: var(--b3-theme-on-background);
background-color: var(--b3-list-icon-hover);
}
}
&__hinttext {

2
app/src/assets/scss/component/_menu.scss
View file

@ -312,7 +312,7 @@
}
&__avemoji {
@extend %b3-list-item__icon;
@extend .b3-list-item__icon;
align-self: center;
margin-left: -4px;
font-size: 14px;

6
app/src/assets/scss/component/_text-field.scss
View file

@ -1,4 +1,4 @@
%b3-text-field {
.b3-text-field {
border: 0;
border-radius: var(--b3-border-radius);
box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface);
@ -33,7 +33,3 @@
box-shadow: 0 0 0;
}
}
.b3-text-field {
@extend %b3-text-field;
}

2
app/src/assets/scss/component/_typography.scss
View file

@ -263,7 +263,7 @@
code:not(.hljs),
span[data-type~="code"] {
@extend %fn__code;
@extend .fn__code;
tab-size: 4;
}

2
app/src/assets/scss/_base-styles.scss → app/src/assets/scss/main/_main.scss
View file

@ -1,5 +1,3 @@
@use "util/mixin" as *;
/*
.status: 2

6
app/src/assets/scss/_mobile-styles.scss → app/src/assets/scss/main/_mobile.scss
View file

@ -1,5 +1,5 @@
@use "util/mixin";
@use "util/function";
@use "../util/mixin";
@use "../util/function";
.block__popover {
width: 80vw;
@ -462,7 +462,7 @@
width: 100%;
box-sizing: border-box;
background-color: var(--b3-theme-background);
@extend %fn__ellipsis;
@extend .fn__ellipsis;
z-index: 2;
}

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

@ -28,5 +28,5 @@
@use "business/search" as *;
@use "business/emojis" as *;
@use "component/svg" as *;
@use "mobile-styles" as *;
@use "main/mobile" as *;
@use "util/responsive" as *;

2
app/src/assets/scss/pickr/pcr.scss
View file

@ -6,7 +6,7 @@
border-radius: var(--b3-border-radius);
.pcr-interaction .pcr-result {
@extend %b3-text-field;
@extend .b3-text-field;
background: transparent;
font-size: 12px;
}

58
app/src/assets/scss/util/_function.scss
View file

@ -1,46 +1,13 @@
@use "mixin";
%fn {
&__ellipsis {
@include mixin.text-clamp(1);
display: block; // 集市挂件名称过长遮挡星标 https://github.com/siyuan-note/siyuan/issues/4782
}
&__flex-column {
min-height: 100%;
display: flex;
flex-direction: column;
}
&__a {
color: var(--b3-theme-on-surface);
cursor: pointer;
&:hover {
color: var(--b3-theme-on-background);
}
}
&__code {
padding: .2em .4em;
margin: 0;
font-size: 85%;
border-radius: var(--b3-border-radius);
font-family: var(--b3-font-family-code);
word-break: break-word;
background-size: 20px 20px;
white-space: pre-wrap;
background-color: var(--b3-protyle-code-background);
}
}
.fn {
&__hidescrollbar::-webkit-scrollbar {
display: none;
}
&__ellipsis {
@extend %fn__ellipsis;
@include mixin.text-clamp(1);
display: block; // 集市挂件名称过长遮挡星标 https://github.com/siyuan-note/siyuan/issues/4782
}
&__space {
@ -87,7 +54,9 @@
}
&-column {
@extend %fn__flex-column;
min-height: 100%;
display: flex;
flex-direction: column;
}
&-shrink {
@ -116,7 +85,12 @@
}
&__a {
@extend %fn__a;
color: var(--b3-theme-on-surface);
cursor: pointer;
&:hover {
color: var(--b3-theme-on-background);
}
}
&__block {
@ -153,7 +127,15 @@
}
&__code {
@extend %fn__code;
padding: .2em .4em;
margin: 0;
font-size: 85%;
border-radius: var(--b3-border-radius);
font-family: var(--b3-font-family-code);
word-break: break-word;
background-size: 20px 20px;
white-space: pre-wrap;
background-color: var(--b3-protyle-code-background);
}
&__kbd {