mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-13 00:14:05 +00:00
fix(navbar): prevent language + theme selectors rendering off page
See https://github.com/gcushen/hugo-academic/issues/1596#issuecomment-599515919 See #1596
This commit is contained in:
1 parent
eceb8b6312
commit
ea84a0c392
1 file changed
+11
-8
@@ -86,16 +86,19 @@
|
||||
|
||||
@include media-breakpoint-down(md) { /* Match breakpoint for i18n dropdown in navbar.html. */
|
||||
.i18n-dropdown .nav-link::after {
|
||||
// Remove dropdown arrow on small devices (when language name isn't displayed).
|
||||
content: none;
|
||||
}
|
||||
.i18n-dropdown .dropdown-menu,
|
||||
.theme-dropdown .dropdown-menu {
|
||||
/* Use style from uncollapsable dropdowns to prevent dropdown going off page. */
|
||||
position: absolute;
|
||||
/* Below style from .dropdown-menu-right to prevent dropdown going off page. */
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// Prevent language and theme selectors rendering off page.
|
||||
.i18n-dropdown .dropdown-menu,
|
||||
.theme-dropdown .dropdown-menu {
|
||||
/* Use style from uncollapsable dropdowns to prevent dropdown going off page. */
|
||||
position: absolute;
|
||||
/* Below style from .dropdown-menu-right to prevent dropdown going off page. */
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
// Allow user to horizontally scroll.
|
||||
|
||||
Reference in new issue
Block a user