rvtr/wiki
1
Fork 0
mirror of https://github.com/rvtr/wiki.git synced 2025-10-31 06:31:13 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

RTL derp fixes

Browse Source
This commit is contained in:
Pk11 2021-06-27 00:50:53 -05:00
parent bfe26c0004
commit 8f146c1e03
2 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_includes/nav.html
View File

@ -1,8 +1,6 @@
<nav class="navbar navbar-expand-sm navbar-dark bg-primary">
<div class="container-fluid maxwidth">
<span class="navbar-brand">
<a class="navbar-brand mb-0 h1" href="{% unless page.collection == "en-US" %}/{{ page.collection }}{% endunless %}{{ site.data[page.collection].nav[0].url }}" accesskey="h">{{ site.data[page.collection].strings.title }}</a>
</span>
<a class="navbar-brand" href="{% unless page.collection == "en-US" %}/{{ page.collection }}{% endunless %}{{ site.data[page.collection].nav[0].url }}" accesskey="h">{{ site.data[page.collection].strings.title }}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ site.data[page.collection].strings.toggle-navigation }}">
<span class="navbar-toggler-icon"></span>
</button>

23
_sass/base.scss
View File

@ -195,9 +195,16 @@ div .btn-primary:hover {
}
// Fixes for navbar on older browsers
.navbar-toggler {
html[dir=ltr] .navbar-toggler {
position: absolute;
right: 0.75rem;
top: 0.5rem;
}
html[dir=rtl] .navbar-toggler {
position: absolute;
left: 0.75rem;
top: 0.5rem;
}
.navbar {
@ -575,10 +582,15 @@ a.footnote::after {
display: none;
}
&::after {
html[dir=ltr] &::after {
position: absolute;
right: 1rem;
}
html[dir=rtl] &::after {
position: absolute;
left: 1rem;
}
}
> .faq {
@ -670,8 +682,13 @@ a.footnote::after {
}
}
.lang-select-dropdown, .navbar-toggler {
html[dir=ltr] .lang-select-dropdown, .navbar-toggler {
position: absolute;
right: 0.75rem;
}
html[dir=rtl] .lang-select-dropdown, .navbar-toggler {
position: absolute;
left: 0.75rem;
}
}