forked from DebaucheryLibrarian/traxxx
Using scroll component for release banner, adding expand button.
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user