Andreas/siyuan
1
0
Fork 0
mirror of https://github.com/siyuan-note/siyuan.git synced 2025-09-22 00:20:47 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improve the style of the snackbar (#15382)

Browse source 
* 💄 Improve the style of the snackbar

* 💄 Improve the style of the snackbar
This commit is contained in:
Jeffrey Chen 2025-08-03 23:19:08 +08:00 • committed by GitHub
parent 1c8d1871dc
commit aafae43a9f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,11 +1,14 @@
.b3-snackbar {
margin-bottom: 16px;
position: relative;
transition: transform 256ms cubic-bezier(.45, .05, .55, .95) 0ms;
text-align: right;
justify-self: end;
font-size: var(--b3-font-size);
&:not(:first-child) {
margin-top: 16px;
}
&--hide {
transform: translate3d(calc(20vw + 48px), 0, 0);
}
@ -16,10 +19,16 @@
top: 22px;
// 不能设置死，否则右键菜单会被遮盖 z-index: 999999;
max-height: calc(100vh - 32px);
margin: 0 18px;
display: flex;
flex-direction: column;
transform: translate3d(calc(20vw + 48px), 0, 0);
transition: transform .15s cubic-bezier(.4, 0, 1, 1) 0ms;
pointer-events: none;
* {
pointer-events: auto;
}
&--show {
transform: translate3d(0, 0, 0) !important;
@ -27,15 +36,11 @@
& > .b3-button {
align-self: flex-end;
margin-right: 18px;
margin-top: 16px;
}
& > .fn__flex-1 {
padding: 0 18px 0 18px;
&::-webkit-scrollbar {
display: none;
}
& > .fn__flex-1::-webkit-scrollbar {
display: none;
}
}