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

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

Browse source
This commit is contained in:
Vanessa 2024-04-26 10:22:01 +08:00
parent 37b888f24d
commit 94e2e77d49
9 changed files with 92 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -121,7 +121,7 @@
margin-left: 8px;
&:disabled {
opacity: .38;
opacity: .38;
}
}
@ -253,19 +253,22 @@
}
}
.protyle-top:hover {
.protyle-background--enable .protyle-background__action {
opacity: .86;
}
}
.protyle-background {
position: relative;
padding-bottom: 40px;
&--enable {
.protyle-background__img:hover .protyle-icons,
&:hover > .protyle-background__iconw > .protyle-icons,
.protyle-background__icon:hover {
opacity: .86;
}
}
&--mobileshow {
.protyle-background__iconw > .protyle-icons,
.protyle-background__img .protyle-icons {
@ -273,6 +276,15 @@
}
}
&__action {
transition: opacity 150ms linear;
opacity: 0;
.b3-button {
margin-top: 8px;
}
}
&__icon {
height: 80px;
width: 80px;
@ -282,7 +294,10 @@
line-height: 80px;
text-align: center;
font-family: var(--b3-font-family-emoji);
margin-right: 16px;
z-index: 1;
position: relative;
margin-top: -40px;
margin-bottom: 8px;
img, svg {
height: 80px;
@ -297,7 +312,6 @@
}
&__img {
position: absolute;
width: 100%;
img {
@ -309,32 +323,19 @@
}
.protyle-icons {
bottom: 8px;
top: auto;
margin-left: -44px;
left: auto;
right: 32px; // 仅 iPone，设置 index 也无效 https://github.com/siyuan-note/siyuan/issues/6926
position: absolute;
top: 8px;
right: 8px;
&:nth-child(3) {
right: auto;
left: 48%;
opacity: .86;
top: 50%;
bottom: auto;
margin-top: -11px;
left: 50%;
opacity: 0.86;
top: 15vh;
margin-top: -12px;
margin-left: -70px;
}
}
}
&__iconw {
bottom: 0;
display: flex;
position: absolute;
.protyle-icons {
position: initial;
}
}
}
.protyle-title {