This commit is contained in:
Vanessa 2022-06-05 11:59:51 +08:00
parent eb78e27d9c
commit f0276da84c
5 changed files with 37 additions and 20 deletions

View file

@ -1,25 +1,37 @@
.b3-snackbar {
//transform: translate3d(0, -100px, 0);
//transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
margin-bottom: 16px;
position: relative;
&:last-child {
margin-bottom: 0;
&--hide {
transform: translate3d(50vw, 0, 0);
transition: transform 0.52s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
&s {
position: fixed;
right: -2px;
top: 16px;
right: 12px;
top: 22px;
z-index: 502;
max-height: calc(100vh - 32px);
display: flex;
flex-direction: column;
transform: translate3d(50vw, 0, 0);
transition: opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;
opacity: 0;
&--show {
opacity: 1;
transform: translate3d(0, 0, 0);
}
& > .b3-button {
align-self: flex-end;
margin-right: 18px;
}
& > .fn__flex-1 {
padding: 0 18px;
padding: 0 18px 0 18px;
&::-webkit-scrollbar {
display: none;

View file

@ -22,7 +22,7 @@
<div id="dockBottom" class="dock"></div>
<div id="commonMenu" class="b3-menu fn__none"></div>
<div id="dragBg" style="z-index:199;pointer-events: none;" class="b3-dialog__scrim fn__none"></div>
<div id="message" class="b3-snackbars fn__none"></div>
<div id="message" class="b3-snackbars"></div>
<script>
setTimeout(() => {
const refreshElement = document.getElementById("loadingRefresh")

View file

@ -20,6 +20,6 @@
<div id="dockBottom" class="dock"></div>
<div id="commonMenu" class="b3-menu fn__none"></div>
<div id="dragBg" style="z-index:199;pointer-events: none;" class="b3-dialog__scrim fn__none"></div>
<div id="message" class="b3-snackbars fn__none"></div>
<div id="message" class="b3-snackbars"></div>
</body>
</html>

View file

@ -50,6 +50,6 @@
</div>
<div id="commonMenu" class="b3-menu fn__none"></div>
<div id="dragBg" style="z-index:199;pointer-events: none;" class="b3-dialog__scrim fn__none"></div>
<div id="message" class="b3-snackbars fn__none"></div>
<div id="message" class="b3-snackbars"></div>
</body>
</html>