Skip to content

Commit

Permalink
Fixed overlapping of the back to top button and the right hand drawer…
Browse files Browse the repository at this point in the history
… button.

- Fix moodle-an-hochschulen#378 (UN-245)
  • Loading branch information
prasanna-lmsace committed Sep 13, 2023
1 parent 65daa32 commit 6a359d2
Showing 1 changed file with 37 additions and 0 deletions.
37 changes: 37 additions & 0 deletions scss/boost_union/post.scss
Original file line number Diff line number Diff line change
Expand Up @@ -339,6 +339,21 @@
right: calc(#{$drawer-right-width} + 2rem);
}

/* Back to top button position */
@include media-breakpoint-only(sm) {
.footer-bottom-menu #back-to-top {
bottom: 7rem;
right: 3rem;
}
}

/* Back to top button position */
@include media-breakpoint-only(xs) {
.footer-bottom-menu #back-to-top {
bottom: 5rem;
}
}

/* As soon as the sticky footer is shown (especially in the database activity),
the back to top button has to be moved further up.
Again, we have to distinguish between really small screens and larger screens
Expand Down Expand Up @@ -1920,6 +1935,7 @@ so the dropdown menu won't hide behind the screen on responsive */
/* Increases the space at the bottom for the footer popover, as the bottom menu bar might hide it. */
.btn-footer-popover {
bottom: 4rem;
right: 3rem;
}
}
}
Expand Down Expand Up @@ -2027,10 +2043,31 @@ so the dropdown menu won't hide behind the screen on responsive */
@include media-breakpoint-down(sm) {
/* Move the learning tools floating button up as soon as the bottom menu is shown. */
#page.footer-bottom-menu .learningtools-action-info .floating-button {
right: 25px;
bottom: 4rem;
}
}

/* Back to top button position */
@include media-breakpoint-down(sm) {
/* Move the back to top button when learning tools floating button and as soon as the bottom menu is shown. */
#page.footer-bottom-menu .learningtools-action-info ~ #back-to-top {
right: 3rem;
bottom: 8rem;
}
.theme-boost-union-smartmenu #page-wrapper #page.footer-bottom-menu .learningtools-action-info ~ .btn-footer-popover {
right: 5rem;
}
}

/* Move the back to top button when learning tools floating button and as soon as the bottom menu is shown. */
@include media-breakpoint-down(xs) {
#page .learningtools-action-info ~ #back-to-top {
bottom: 5rem;
}
}



/*---------------------------------------
* Dash Pro
Expand Down

0 comments on commit 6a359d2

Please sign in to comment.