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

💄 fix https://github.com/siyuan-note/siyuan/issues/10483

Browse source
This commit is contained in:
Vanessa 2024-03-10 11:55:45 +08:00
parent a16affeb9c
commit 09d1d7c874
31 changed files with 110 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

12
app/appearance/themes/daylight/theme.css
View file

@ -1,9 +1,9 @@
:root { :root {
/* 主色 */ /* 主色 */
--b3-theme-primary: #3575f0; --b3-theme-primary: #3575f0;
--b3-theme-primary-light: rgba(53, 117, 240, 0.54); --b3-theme-primary-light: rgba(53, 117, 240, .54);
--b3-theme-primary-lighter: rgba(53, 117, 240, 0.38); --b3-theme-primary-lighter: rgba(53, 117, 240, .38);
--b3-theme-primary-lightest: rgba(53, 117, 240, 0.12); --b3-theme-primary-lightest: rgba(53, 117, 240, .12);
--b3-theme-secondary: #f3a92f; --b3-theme-secondary: #f3a92f;
--b3-theme-background: #fff; --b3-theme-background: #fff;
--b3-theme-background-light: #dfe0e1; --b3-theme-background-light: #dfe0e1;
@ -113,9 +113,9 @@
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background); --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(95, 99, 104, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
/* 阴影 */ /* 阴影 */
--b3-point-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1), 0 0 2px 0px rgba(0, 0, 0, 0.2); --b3-point-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 0 2px 0 rgba(0, 0, 0, .2);
--b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); --b3-dialog-shadow: 0 8px 24px rgba(0, 0, 0, .2);
--b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 0 0 / 0.12); --b3-button-shadow: 0 5px 5px -3px rgb(0 0 0 / .2), 0 8px 10px 1px rgb(0 0 0 / .14), 0 3px 14px 2px rgb(0 0 0 / .12);
/* 图表颜色 */ /* 图表颜色 */
--b3-graph-p-point: #076f7e; --b3-graph-p-point: #076f7e;

14
app/appearance/themes/midnight/theme.css
View file

@ -1,12 +1,12 @@
:root { :root {
/* 主色 */ /* 主色 */
--b3-theme-primary: #3573f0; --b3-theme-primary: #3573f0;
--b3-theme-primary-light: rgba(53, 115, 240, 0.72); --b3-theme-primary-light: rgba(53, 115, 240, .72);
--b3-theme-primary-lighter: rgba(53, 115, 240, 0.48); --b3-theme-primary-lighter: rgba(53, 115, 240, .48);
--b3-theme-primary-lightest: rgba(53, 115, 240, 0.24); --b3-theme-primary-lightest: rgba(53, 115, 240, .24);
--b3-theme-secondary: #f3a92f; --b3-theme-secondary: #f3a92f;
--b3-theme-background: #1e1e1e; --b3-theme-background: #1e1e1e;
--b3-theme-background-light: rgba(255, 255, 255, 0.075); --b3-theme-background-light: rgba(255, 255, 255, .075);
--b3-theme-surface: #262626; --b3-theme-surface: #262626;
--b3-theme-surface-light: rgba(41, 42, 45, .86); --b3-theme-surface-light: rgba(41, 42, 45, .86);
--b3-theme-surface-lighter: rgba(230, 230, 230, .06); --b3-theme-surface-lighter: rgba(230, 230, 230, .06);
@ -64,7 +64,7 @@
--b3-empty-color: var(--b3-theme-on-surface); --b3-empty-color: var(--b3-theme-on-surface);
/* 遮罩 */ /* 遮罩 */
--b3-mask-background: rgba(10, 10, 10, 0.4); --b3-mask-background: rgba(10, 10, 10, .4);
/* 卡片背景 */ /* 卡片背景 */
--b3-card-error-color: rgb(243, 153, 147); --b3-card-error-color: rgb(243, 153, 147);
@ -113,9 +113,9 @@
--b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(154, 160, 166, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background); --b3-select-background: url("data:image/svg+xml;utf8,<svg fill='rgba(154, 160, 166, .68)' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right 2px center var(--b3-theme-background);
/* 阴影 */ /* 阴影 */
--b3-point-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 0 3px 6px rgba(0, 0, 0, .04), 0 0 0 0 transparent; --b3-point-shadow: inset 0 .5px .5px .5px rgba(255, 255, 255, .09), 0 3px 6px rgba(0, 0, 0, .04), 0 0 0 0 transparent;
--b3-dialog-shadow: 0 8px 24px #010409; --b3-dialog-shadow: 0 8px 24px #010409;
--b3-button-shadow: 0px 5px 5px -3px rgb(0 0 0 / 0.2), 0px 8px 10px 1px rgb(0 0 0 / 0.14), 0px 3px 14px 2px rgb(0 0 0 / 0.12); --b3-button-shadow: 0 5px 5px -3px rgb(0 0 0 / .2), 0 8px 10px 1px rgb(0 0 0 / .14), 0 3px 14px 2px rgb(0 0 0 / .12);
/* 图表颜色 */ /* 图表颜色 */
--b3-graph-p-point: #076f7e; --b3-graph-p-point: #076f7e;

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

@ -291,7 +291,7 @@ html {
& > div { & > div {
background-color: var(--b3-theme-primary-light); background-color: var(--b3-theme-primary-light);
height: 4px; height: 4px;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
animation: stripMove 450ms linear infinite; animation: stripMove 450ms linear infinite;
background-size: 50px 50px; background-size: 50px 50px;
} }

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

@ -46,7 +46,7 @@
&__views { &__views {
align-items: center; align-items: center;
box-shadow: 0px -1px inset var(--b3-theme-background-light); box-shadow: 0 -1px inset var(--b3-theme-background-light);
&--show .block__icon { &--show .block__icon {
opacity: 1; opacity: 1;
@ -67,10 +67,10 @@
} }
&--hide { &--hide {
width: 0.1px; width: .1px;
overflow: hidden; overflow: hidden;
height: 0; height: 0;
min-height: 0.1px !important; min-height: .1px !important;
} }
} }
@ -258,7 +258,7 @@
&--select { &--select {
background-color: var(--b3-menu-background); background-color: var(--b3-menu-background);
box-shadow: 2px 2px 0 var(--b3-theme-primary-lighter) inset, -2px -2px 0px var(--b3-theme-primary-lighter) inset; box-shadow: 2px 2px 0 var(--b3-theme-primary-lighter) inset, -2px -2px 0 var(--b3-theme-primary-lighter) inset;
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);
} }

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

@ -95,7 +95,7 @@
opacity: 1; opacity: 1;
&.block__icon[disabled] { &.block__icon[disabled] {
opacity: 0.38; opacity: .38;
cursor: not-allowed; cursor: not-allowed;
} }
} }

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

@ -154,7 +154,7 @@
background-position: 50%; background-position: 50%;
background-size: cover; background-size: cover;
border-radius: 90px; border-radius: 90px;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, .8);
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter); border: 1px solid var(--b3-theme-surface-lighter);
} }

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

@ -17,7 +17,7 @@
overflow: auto; overflow: auto;
box-sizing: border-box; box-sizing: border-box;
z-index: 1; z-index: 1;
opacity: 0.9; opacity: .9;
border-left: 1px solid var(--b3-border-color); border-left: 1px solid var(--b3-border-color);
label { label {

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

@ -44,7 +44,7 @@
&.layout__dockr { &.layout__dockr {
border: 1px solid var(--b3-border-color); border: 1px solid var(--b3-border-color);
box-shadow: -8px 0px 24px rgb(140 149 159 / 20%); box-shadow: -8px 0 24px rgb(140 149 159 / 20%);
border-right: 0; border-right: 0;
border-radius: var(--b3-border-radius-b) 0 0 var(--b3-border-radius-b); border-radius: var(--b3-border-radius-b) 0 0 var(--b3-border-radius-b);
overflow: hidden; overflow: hidden;

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

@ -2,7 +2,7 @@
&__layout { &__layout {
display: flex; display: flex;
flex: 1; flex: 1;
min-height: 0.1px; min-height: .1px;
flex-direction: column; flex-direction: column;
&:not(.search__layout--row) .search__list { &:not(.search__layout--row) .search__list {
@ -25,7 +25,7 @@
height: auto; height: auto;
&:after { &:after {
width: 0.5px; width: .5px;
height: 100%; height: 100%;
} }
} }
@ -113,7 +113,7 @@
transition: var(--b3-transition); transition: var(--b3-transition);
top: 0; top: 0;
width: 100%; width: 100%;
height: 0.5px; height: .5px;
} }
&:hover:after { &:hover:after {

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

@ -9,7 +9,7 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
border: 0; border: 0;
box-sizing: border-box; box-sizing: border-box;
text-align: center; text-align: center;
@ -29,7 +29,7 @@
} }
&:active { &:active {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, .12); box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
} }
&--progress { &--progress {
@ -137,7 +137,7 @@
} }
&:disabled { &:disabled {
opacity: 0.38; opacity: .38;
cursor: not-allowed; cursor: not-allowed;
} }
} }

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

@ -13,7 +13,7 @@
color: var(--b3-theme-on-background); color: var(--b3-theme-on-background);
line-height: 16px; line-height: 16px;
font-weight: 400; font-weight: 400;
font-size: 0.8125rem; font-size: .8125rem;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
box-sizing: border-box; box-sizing: border-box;

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

@ -44,7 +44,7 @@
max-width: 88vw; max-width: 88vw;
transform: scale(.8); transform: scale(.8);
opacity: 0; opacity: 0;
transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, .2, 1);
border: 1px solid var(--b3-theme-surface-lighter); border: 1px solid var(--b3-theme-surface-lighter);
} }

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

@ -41,7 +41,7 @@
position: absolute; position: absolute;
height: 18px; height: 18px;
width: 16px; width: 16px;
opacity: 0.68; opacity: .68;
transition: var(--b3-transition); transition: var(--b3-transition);
right: 0; right: 0;
cursor: pointer; cursor: pointer;

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

@ -30,7 +30,7 @@
.b3-list__panel:before { .b3-list__panel:before {
content: ""; content: "";
height: 100%; height: 100%;
top: 0px; top: 0;
position: absolute; position: absolute;
border-left: 1px solid var(--b3-theme-background-light); border-left: 1px solid var(--b3-theme-background-light);
left: -21px; left: -21px;
@ -173,7 +173,7 @@
flex-shrink: 0; flex-shrink: 0;
height: 10px; height: 10px;
width: 10px; width: 10px;
transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1), opacity 1s cubic-bezier(0, 0, 0.2, 1); transition: transform .15s cubic-bezier(0, 0, .2, 1), opacity 1s cubic-bezier(0, 0, .2, 1);
&--open { &--open {
transform: rotate(90deg); transform: rotate(90deg);
@ -205,7 +205,7 @@
} }
&__meta { &__meta {
font-size: 0.75rem; font-size: .75rem;
margin-left: 8px; margin-left: 8px;
flex-shrink: 0; flex-shrink: 0;
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);

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

@ -21,7 +21,7 @@
box-shadow: inset 0 0 2.5px 2.5px var(--b3-scroll-color); box-shadow: inset 0 0 2.5px 2.5px var(--b3-scroll-color);
&:hover { &:hover {
border-width: 0.5px; border-width: .5px;
} }
} }
@ -42,7 +42,7 @@
height: 100vh; height: 100vh;
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform .15s cubic-bezier(0, 0, .2, 1) 0ms;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -175,7 +175,7 @@
cursor: not-allowed; cursor: not-allowed;
& > *:not(.b3-menu__submenu) { & > *:not(.b3-menu__submenu) {
opacity: 0.38; opacity: .38;
} }
} }
@ -307,7 +307,7 @@
} }
&__accelerator { &__accelerator {
font-size: 0.75rem; font-size: .75rem;
margin-left: 16px; margin-left: 16px;
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family); font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace, var(--b3-font-family);
@ -339,7 +339,7 @@
&__item { &__item {
font-size: 24px; font-size: 24px;
line-height: 0.9em; // windows 需要这样设置 line-height: .9em; // windows 需要这样设置
font-family: var(--b3-font-family-emoji); font-family: var(--b3-font-family-emoji);
text-align: center; text-align: center;
height: 28px; height: 28px;

4
app/src/assets/scss/component/_select.scss
View file

@ -5,10 +5,10 @@
box-sizing: border-box; box-sizing: border-box;
line-height: 20px; line-height: 20px;
color: var(--b3-theme-on-background); color: var(--b3-theme-on-background);
transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color .2s cubic-bezier(0, 0, .2, 1) 0ms; transition: box-shadow 120ms 0ms cubic-bezier(0, 0, .2, 1), background-color .2s cubic-bezier(0, 0, .2, 1) 0ms;
height: 28px; height: 28px;
font-size: 14px; font-size: 14px;
box-shadow: inset 0 0 0 0.6px var(--b3-theme-on-surface); box-shadow: inset 0 0 0 .6px var(--b3-theme-on-surface);
background: var(--b3-select-background); background: var(--b3-select-background);
appearance: none; appearance: none;
cursor: pointer; cursor: pointer;

4
app/src/assets/scss/component/_snackbar.scss
View file

@ -1,7 +1,7 @@
.b3-snackbar { .b3-snackbar {
margin-bottom: 16px; margin-bottom: 16px;
position: relative; position: relative;
transition: transform 256ms cubic-bezier(0.45, 0.05, 0.55, 0.95) 0ms; transition: transform 256ms cubic-bezier(.45, .05, .55, .95) 0ms;
text-align: right; text-align: right;
&--hide { &--hide {
@ -17,7 +17,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
transform: translate3d(calc(20vw + 48px), 0, 0); transform: translate3d(calc(20vw + 48px), 0, 0);
transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1) 0ms; transition: transform .15s cubic-bezier(.4, 0, 1, 1) 0ms;
&--show { &--show {
transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important;

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

@ -73,7 +73,7 @@
} }
&:disabled { &:disabled {
opacity: 0.38; opacity: .38;
cursor: not-allowed; cursor: not-allowed;
} }

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

@ -6,7 +6,7 @@
line-height: 20px; line-height: 20px;
box-sizing: border-box; box-sizing: border-box;
color: var(--b3-theme-on-background); color: var(--b3-theme-on-background);
transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: box-shadow 120ms 0ms cubic-bezier(0, 0, .2, 1);
background-color: var(--b3-theme-background); background-color: var(--b3-theme-background);
-webkit-appearance: none; -webkit-appearance: none;
font-variant-ligatures: none; font-variant-ligatures: none;

4
app/src/assets/scss/component/_tooltips.scss
View file

@ -51,7 +51,7 @@
background-color: var(--b3-tooltips-background); background-color: var(--b3-tooltips-background);
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);
line-height: 17px; line-height: 17px;
transform: scale(0.8); transform: scale(.8);
max-width: 60vw; max-width: 60vw;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -74,7 +74,7 @@
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
opacity: 0; opacity: 0;
transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1); transition: opacity 150ms 0ms cubic-bezier(0, 0, .2, 1), transform 150ms 0ms cubic-bezier(0, 0, .2, 1);
} }
&:hover, &:hover,

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

@ -52,11 +52,11 @@
} }
span[data-type~="sup"] { span[data-type~="sup"] {
top: -0.5em; top: -.5em;
} }
span[data-type~="sub"] { span[data-type~="sub"] {
bottom: -0.25em; bottom: -.25em;
} }
em, em,
@ -127,7 +127,7 @@
.bq { .bq {
padding: 4px; padding: 4px;
color: var(--b3-theme-on-surface); color: var(--b3-theme-on-surface);
border-left: 0.25em solid var(--b3-theme-surface-lighter); border-left: .25em solid var(--b3-theme-surface-lighter);
background-color: var(--b3-list-hover); background-color: var(--b3-list-hover);
margin: 4px 0; margin: 4px 0;
} }
@ -156,13 +156,13 @@
.h1, .h1,
h1 { h1 {
padding: 0.3em 4px; padding: .3em 4px;
font-size: 1.75em; font-size: 1.75em;
} }
.h2, .h2,
h2 { h2 {
padding: 0.3em 4px; padding: .3em 4px;
font-size: 1.55em; font-size: 1.55em;
} }

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

@ -125,7 +125,7 @@
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);
&[disabled] { &[disabled] {
opacity: 0.38; opacity: .38;
} }
&--active, &--active,
@ -167,7 +167,7 @@
width: 100vw; width: 100vw;
z-index: 7; z-index: 7;
transform: translateX(-100vw); transform: translateX(-100vw);
transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms; transition: transform .15s cubic-bezier(0, 0, .2, 1) 0ms;
&--all { &--all {
transform: translateY(-200vh); transform: translateY(-200vh);
@ -228,7 +228,7 @@
background-position: 50%; background-position: 50%;
background-size: cover; background-size: cover;
border-radius: 90px; border-radius: 90px;
background-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, .8);
box-shadow: var(--b3-point-shadow); box-shadow: var(--b3-point-shadow);
border: 1px solid var(--b3-theme-surface-lighter); border: 1px solid var(--b3-theme-surface-lighter);
} }
@ -314,7 +314,7 @@
} }
&[disabled] { &[disabled] {
opacity: 0.38; opacity: .38;
} }
&.protyle-toolbar__item--current svg { &.protyle-toolbar__item--current svg {

28
app/src/assets/scss/pdf/_pdf.scss
View file

@ -397,7 +397,7 @@
} }
&[disabled] { &[disabled] {
opacity: 0.38; opacity: .38;
cursor: not-allowed; cursor: not-allowed;
} }
} }
@ -421,11 +421,11 @@
} }
#pageWidthOption { #pageWidthOption {
border-bottom: 1px rgba(255, 255, 255, 0.5) solid; border-bottom: 1px rgba(255, 255, 255, .5) solid;
} }
.bookmark[href="#"] { .bookmark[href="#"] {
opacity: 0.5; opacity: .5;
pointer-events: none; pointer-events: none;
} }
@ -479,8 +479,8 @@
.thumbnailImage { .thumbnailImage {
border: 1px solid rgba(0, 0, 0, 0); border: 1px solid rgba(0, 0, 0, 0);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 0 0 1px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .3);
opacity: 0.8; opacity: .8;
z-index: 99; z-index: 99;
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
background-clip: content-box; background-clip: content-box;
@ -495,14 +495,14 @@
a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage, a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage,
.thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage {
opacity: 0.9; opacity: .9;
} }
a:focus > .thumbnail > .thumbnailSelectionRing, a:focus > .thumbnail > .thumbnailSelectionRing,
.thumbnail:hover > .thumbnailSelectionRing { .thumbnail:hover > .thumbnailSelectionRing {
background-color: var(--b3-list-hover); background-color: var(--b3-list-hover);
background-clip: padding-box; background-clip: padding-box;
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, .9);
} }
.thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage { .thumbnail.selected > .thumbnailSelectionRing > .thumbnailImage {
@ -632,8 +632,8 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
border-radius: var(--b3-border-radius-b); border-radius: var(--b3-border-radius-b);
width: 520px; width: 520px;
position: absolute; position: absolute;
inset-inline-start: 0px; inset-inline-start: 0;
inset-inline-end: 0px; inset-inline-end: 0;
height: fit-content; height: fit-content;
margin: auto; margin: auto;
display: none; display: none;
@ -641,8 +641,8 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
&--open { &--open {
position: fixed; position: fixed;
inset-block-start: 0px; inset-block-start: 0;
inset-block-end: 0px; inset-block-end: 0;
max-width: calc((100% - 6px) - 2em); max-width: calc((100% - 6px) - 2em);
max-height: calc((100% - 6px) - 2em); max-height: calc((100% - 6px) - 2em);
user-select: text; user-select: text;
@ -824,9 +824,9 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
} }
#viewer.textLayer-visible .textLayer span { #viewer.textLayer-visible .textLayer span {
background-color: rgba(255, 255, 0, 0.1); background-color: rgba(255, 255, 0, .1);
color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);
border: solid 1px rgba(255, 0, 0, 0.5); border: solid 1px rgba(255, 0, 0, .5);
box-sizing: border-box; box-sizing: border-box;
} }
@ -836,7 +836,7 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
} }
#viewer.textLayer-shadow .textLayer span { #viewer.textLayer-shadow .textLayer span {
background-color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, .6);
color: rgba(0, 0, 0, 1); color: rgba(0, 0, 0, 1);
} }

6
app/src/assets/scss/pdf/annotation_layer_builder.scss
View file

@ -14,7 +14,7 @@
*/ */
:root { :root {
--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, .13);'/></svg>");
--input-focus-border-color: Highlight; --input-focus-border-color: Highlight;
--input-focus-outline: 1px solid Canvas; --input-focus-outline: 1px solid Canvas;
--input-unfocused-border-color: transparent; --input-unfocused-border-color: transparent;
@ -86,7 +86,7 @@
.annotationLayer .linkAnnotation > a:hover, .annotationLayer .linkAnnotation > a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
opacity: 0.2; opacity: .2;
background: rgba(255, 255, 0, 1); background: rgba(255, 255, 0, 1);
box-shadow: 0 2px 10px rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
} }
@ -105,7 +105,7 @@
.annotationLayer .choiceWidgetAnnotation select, .annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input { .annotationLayer .buttonWidgetAnnotation.radioButton input {
background-color: rgba(0, 54, 255, 0.13); // NOTE background-color: rgba(0, 54, 255, .13); // NOTE
border: 2px solid var(--input-unfocused-border-color); border: 2px solid var(--input-unfocused-border-color);
box-sizing: border-box; box-sizing: border-box;
font: calc(9px * var(--scale-factor)) sans-serif; font: calc(9px * var(--scale-factor)) sans-serif;

4
app/src/assets/scss/pdf/xfa_layer_builder.scss
View file

@ -14,7 +14,7 @@
*/ */
:root { :root {
--xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, .13);'/></svg>");
} }
.xfaLayer .highlight { .xfaLayer .highlight {
@ -77,7 +77,7 @@
font-style: inherit; font-style: inherit;
font-weight: inherit; font-weight: inherit;
font-kerning: inherit; font-kerning: inherit;
letter-spacing: -0.01px; letter-spacing: -.01px;
text-align: inherit; text-align: inherit;
text-decoration: inherit; text-decoration: inherit;
box-sizing: border-box; box-sizing: border-box;

8
app/src/assets/scss/protyle/_protyle.scss
View file

@ -239,15 +239,15 @@
&--transition { &--transition {
.protyle-wysiwyg { .protyle-wysiwyg {
transition: padding .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms; transition: padding .3s cubic-bezier(.25, .46, .45, .94) 0ms;
} }
.protyle-title { .protyle-title {
transition: margin .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms; transition: margin .3s cubic-bezier(.25, .46, .45, .94) 0ms;
} }
.protyle-background__iconw { .protyle-background__iconw {
transition: left .3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms; transition: left .3s cubic-bezier(.25, .46, .45, .94) 0ms;
} }
} }
} }
@ -348,7 +348,7 @@
} }
&[custom-riff-decks] { &[custom-riff-decks] {
box-shadow: 3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset; box-shadow: 3px 0 0 -1px var(--b3-protyle-inline-mark-background) inset;
} }
&__icon { &__icon {

25
app/src/assets/scss/protyle/_wysiwyg.scss
View file

@ -17,12 +17,13 @@
position: relative; position: relative;
&[custom-riff-decks] { &[custom-riff-decks] {
box-shadow: 3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset; box-shadow: 3px 0 0 -1px var(--b3-protyle-inline-mark-background) inset;
} }
[spellcheck] { [spellcheck] {
word-break: break-word; word-break: break-word;
white-space: pre-wrap; // https://github.com/siyuan-note/siyuan/issues/10483
white-space: break-spaces;
&:focus { &:focus {
outline: none; outline: none;
@ -54,11 +55,11 @@
.dragover { .dragover {
&__top:not(.av__row) { &__top:not(.av__row) {
box-shadow: 0 -3px 0 var(--b3-theme-primary-lighter), inset 0px 1px 0 var(--b3-theme-primary-lighter) !important; box-shadow: 0 -3px 0 var(--b3-theme-primary-lighter), inset 0 1px 0 var(--b3-theme-primary-lighter) !important;
} }
&__bottom:not(.av__row) { &__bottom:not(.av__row) {
box-shadow: 0 3px 0 var(--b3-theme-primary-lighter), inset 0px -1px 0 var(--b3-theme-primary-lighter) !important; box-shadow: 0 3px 0 var(--b3-theme-primary-lighter), inset 0 -1px 0 var(--b3-theme-primary-lighter) !important;
} }
} }
} }
@ -70,7 +71,7 @@
&:before { &:before {
content: ""; content: "";
position: absolute; position: absolute;
border-left: 0.5px solid var(--b3-theme-background-light); border-left: .5px solid var(--b3-theme-background-light);
left: 17px; left: 17px;
} }
@ -289,7 +290,7 @@
position: sticky; position: sticky;
top: -1px; top: -1px;
z-index: 2; z-index: 2;
box-shadow: 0px -1px 0px var(--b3-theme-on-surface-light) inset; box-shadow: 0 -1px 0 var(--b3-theme-on-surface-light) inset;
} }
} }
@ -304,7 +305,7 @@
} }
&--select { &--select {
filter: brightness(0.68); filter: brightness(.68);
} }
&--drag > span:after { &--drag > span:after {
@ -460,11 +461,11 @@
.dragover { .dragover {
&__top:not(.av__row) { &__top:not(.av__row) {
box-shadow: 0 -4px 0 0px var(--b3-theme-primary-lighter) !important; box-shadow: 0 -4px 0 0 var(--b3-theme-primary-lighter) !important;
} }
&__bottom:not(.av__row) { &__bottom:not(.av__row) {
box-shadow: 0 4px 0 0px var(--b3-theme-primary-lighter) !important box-shadow: 0 4px 0 0 var(--b3-theme-primary-lighter) !important
} }
} }
@ -478,7 +479,7 @@
} }
&--animate { &--animate {
animation: scale 0.3s ease-in-out; animation: scale .3s ease-in-out;
} }
div[data-type="NodeMathBlock"] { div[data-type="NodeMathBlock"] {
@ -507,7 +508,7 @@
[data-node-id][fold="1"]:not(.li):not([data-type="NodeHeading"]) { [data-node-id][fold="1"]:not(.li):not([data-type="NodeHeading"]) {
@include text-clamp(1); @include text-clamp(1);
opacity: 0.38; opacity: .38;
font-size: 16px; font-size: 16px;
height: 26px; height: 26px;
line-height: 26px; line-height: 26px;
@ -616,7 +617,7 @@
&:empty::after { &:empty::after {
content: "language"; content: "language";
opacity: 0.68; opacity: .68;
} }
} }
} }

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

@ -46,9 +46,9 @@
&-1 { &-1 {
flex: 1; flex: 1;
min-width: 0.1px; min-width: .1px;
overflow: auto; overflow: auto;
min-height: 0.1px; min-height: .1px;
} }
&-column { &-column {
@ -129,7 +129,7 @@
} }
&__code { &__code {
padding: 0.2em 0.4em; padding: .2em .4em;
margin: 0; margin: 0;
font-size: 85%; font-size: 85%;
border-radius: var(--b3-border-radius); border-radius: var(--b3-border-radius);

6
app/src/assets/scss/util/_keyframes.scss
View file

@ -10,10 +10,10 @@
@keyframes addCard { @keyframes addCard {
0% { 0% {
box-shadow: 100vw 0px 0px -1px var(--b3-protyle-inline-mark-background) inset; box-shadow: 100vw 0px 0 -1px var(--b3-protyle-inline-mark-background) inset;
} }
100% { 100% {
box-shadow: 3px 0px 0px -1px var(--b3-protyle-inline-mark-background) inset; box-shadow: 3px 0 0 -1px var(--b3-protyle-inline-mark-background) inset;
} }
} }
@ -32,7 +32,7 @@
@keyframes zoomIn { @keyframes zoomIn {
0% { 0% {
opacity: 0; opacity: 0;
transform: scale(0.8); transform: scale(.8);
} }
to { to {

4
app/src/assets/scss/util/_reset.scss
View file

@ -157,11 +157,11 @@ sup {
} }
sup { sup {
top: -0.5em; top: -.5em;
} }
sub { sub {
bottom: -0.25em; bottom: -.25em;
} }
img { img {

20
app/src/assets/scss/viewerjs/_viewer.scss
View file

@ -81,7 +81,7 @@
} }
&-navbar { &-navbar {
background-color: rgba(0, 0, 0, 0.48); background-color: rgba(0, 0, 0, .48);
overflow: hidden; overflow: hidden;
} }
@ -101,12 +101,12 @@
line-height: 0; line-height: 0;
opacity: .48; opacity: .48;
overflow: hidden; overflow: hidden;
transition: opacity 0.15s; transition: opacity .15s;
width: 30px; width: 30px;
&:focus, &:focus,
&:hover { &:hover {
opacity: 0.78; opacity: .78;
} }
&:focus { &:focus {
@ -171,7 +171,7 @@
float: left; float: left;
height: 24px; height: 24px;
overflow: hidden; overflow: hidden;
transition: background-color 0.15s; transition: background-color .15s;
width: 24px; width: 24px;
&:focus, &:focus,
@ -252,7 +252,7 @@
} }
&-button { &-button {
background-color: rgba(0, 0, 0, 0.48); background-color: rgba(0, 0, 0, .48);
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
height: 80px; height: 80px;
@ -260,7 +260,7 @@
position: absolute; position: absolute;
right: -40px; right: -40px;
top: -40px; top: -40px;
transition: background-color 0.15s; transition: background-color .15s;
width: 80px; width: 80px;
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
@ -298,7 +298,7 @@
} }
&-backdrop { &-backdrop {
background-color: rgba(0, 0, 0, 0.24); background-color: rgba(0, 0, 0, .24);
} }
&-invisible { &-invisible {
@ -319,7 +319,7 @@
} }
&-transition { &-transition {
transition: all 0.3s; transition: all .3s;
} }
@keyframes viewer-spinner { @keyframes viewer-spinner {
@ -335,8 +335,8 @@
&-loading { &-loading {
&::after { &::after {
animation: viewer-spinner 1s linear infinite; animation: viewer-spinner 1s linear infinite;
border: 4px solid rgba(255, 255, 255, 0.1); border: 4px solid rgba(255, 255, 255, .1);
border-left-color: rgba(255, 255, 255, 0.5); border-left-color: rgba(255, 255, 255, .5);
border-radius: 50%; border-radius: 50%;
content: ''; content: '';
display: inline-block; display: inline-block;