Using scroll component for release banner, adding expand button.

This commit is contained in:
2020-06-29 04:43:39 +02:00
parent 8f9eb91b13
commit b22fdd841b
4 changed files with 56 additions and 29 deletions

View File

@@ -78,7 +78,7 @@ function mounted() {
});
window.addEventListener('resize', this.updateScroll);
this.updateScroll();
setTimeout(() => this.updateScroll(), 500); // allow CSS to calculate
}
function beforeDestroy() {
@@ -135,6 +135,10 @@ export default {
}
}
.expand-light {
display: none;
}
.scroll-light {
background: var(--background-dim);
@@ -164,6 +168,10 @@ export default {
.expand-dark {
display: none;
}
.expand-light {
display: block;
}
}
.scroll-dark {
@@ -195,6 +203,10 @@ export default {
.expand-light {
display: none;
}
.expand-dark {
display: block;
}
}
.scroll-button {
@@ -205,6 +217,7 @@ export default {
position: absolute;
top: 0;
bottom: 0;
z-index: 10;
&.scroll-start,
&.scroll-end {