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

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

Browse source
This commit is contained in:
Vanessa 2023-06-10 16:27:52 +08:00
parent bf96331cf6
commit f56d6de5ce
9 changed files with 138 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -32,6 +32,7 @@
@import "business/card";
@import "business/custom";
@import "business/resize";
@import "business/av";
/*
.status: 2
@ -69,6 +70,8 @@ ctrl+p 搜索: 202
// 移动端排序和菜单需临时大于 .side-panel https://github.com/siyuan-note/siyuan/issues/5254
.b3-menu: 310
.av__mask: 320
// 需大于 .b3-dialog
progressLoading: 400

59
app/src/assets/scss/business/_av.scss Normal file
View file

@ -0,0 +1,59 @@
.av {
&__mask {
position: fixed;
z-index: 320;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
&__scroll {
overflow: auto hidden;
cursor: pointer;
}
&__row {
display: flex;
border-bottom: 1px solid var(--b3-theme-surface-lighter);
&--header .av__cell {
display: flex;
align-items: center;
svg {
height: 14px;
width: 14px;
color: var(--b3-theme-on-surface);
margin-right: 5px;
}
}
&--header,
&--footer {
background-color: var(--b3-theme-background);
}
}
&__cell {
padding: 5px;
flex-shrink: 0;
border-right: 1px solid var(--b3-theme-surface-lighter)
}
&__firstcol {
svg {
color: var(--b3-theme-on-surface);
height: 36px;
width: 24px;
opacity: 0;
padding: 5px;
box-sizing: border-box;
float: left;
}
&:hover svg {
opacity: 1;
}
}
}

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

@ -24,6 +24,7 @@
@import "business/export";
@import "business/card";
@import "business/custom";
@import "business/av";
.block__popover {
width: 80vw;

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

@ -30,59 +30,6 @@
}
}
&.av {
.av {
&__scroll {
overflow: auto hidden;
cursor: pointer;
}
&__row {
display: flex;
border-bottom: 1px solid var(--b3-theme-surface-lighter);
&--header .av__cell {
display: flex;
align-items: center;
svg {
height: 14px;
width: 14px;
color: var(--b3-theme-on-surface);
margin-right: 5px;
}
}
&--header,
&--footer {
background-color: var(--b3-theme-background);
}
}
&__cell {
padding: 5px;
flex-shrink: 0;
border-right: 1px solid var(--b3-theme-surface-lighter)
}
&__firstcol {
svg {
color: var(--b3-theme-on-surface);
height: 36px;
width: 24px;
opacity: 0;
padding: 5px;
box-sizing: border-box;
float: left;
}
&:hover svg {
opacity: 1;
}
}
}
}
&.hr {
cursor: pointer;