nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

i18n: move sidebar to the right in RTL #470

Browse source
This commit is contained in:
Sören Weber 2023-02-09 08:31:38 +01:00
parent 09ea211204
commit 890d12ea92
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 42 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/css/format-print.css
View file

@ -5,6 +5,7 @@
}
#body {
margin-left: 0 !important;
margin-right: 0 !important;
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
@ -36,6 +37,7 @@ pre {
border-bottom: 1px solid #ddd;
border-radius: 0;
padding-left: 0; /* for print, we want to align with the footer to ease the layout */
padding-right: 0;
color: #777;
}
.navigation,

47
static/css/theme.css
View file

@ -52,7 +52,6 @@ dd {
flex-shrink: 0;
font-size: .953125rem;
height: 100%;
left: 0;
line-height: 1.574;
min-height: 100%;
min-width: 300px;
@ -60,6 +59,12 @@ dd {
position: fixed;
width: 300px;
}
html[dir="ltr"] #sidebar {
left: 0;
}
html[dir="rtl"] #sidebar {
right: 0;
}
#header-wrapper {
border-bottom-style: solid;
@ -285,7 +290,6 @@ dd {
flex-grow: 1;
flex-shrink: 0;
height: 100%;
margin-left: 300px;
min-height: 100%;
min-width: calc( 100% - 300px);
max-width: calc( 100% - 300px);
@ -294,6 +298,12 @@ dd {
width: calc( 100% - 300px);
z-index: 70;
}
html[dir="ltr"] #body {
margin-left: 300px;
}
html[dir="rtl"] #body {
margin-right: 300px;
}
#body img:not(.lightbox-image),
#body img.center,
@ -966,37 +976,60 @@ html[dir="rtl"] .progress {
width: 230px;
}
#body {
margin-left: 230px;
min-width: calc( 100% - 230px);
max-width: calc( 100% - 230px);
width: calc( 100% - 230px);
}
html[dir="ltr"] #body {
margin-left: 230px;
}
html[dir="rtl"] #body {
margin-right: 230px;
}
}
@media screen and (max-width: 47.938em) {
/* we don't support sidebar flyout in mobile */
.mobile-support #sidebar {
html[dir="ltr"] .mobile-support #sidebar {
left: -230px;
}
html[dir="rtl"] .mobile-support #sidebar {
right: -230px;
}
.mobile-support #navshow{
display: inline;
}
.mobile-support #body {
margin-left: 0;
min-width: 100%;
max-width: 100%;
width: 100%;
}
html[dir="ltr"] .mobile-support #body {
margin-left: 0;
}
html[dir="rtl"] .mobile-support #body {
margin-right: 0;
}
.mobile-support.sidebar-flyout {
overflow: hidden;
}
.mobile-support.sidebar-flyout #sidebar {
left: 0;
z-index: 90;
}
html[dir="ltr"] .mobile-support.sidebar-flyout #sidebar {
left: 0;
}
html[dir="rtl"] .mobile-support.sidebar-flyout #sidebar {
right: 0;
}
.mobile-support.sidebar-flyout #body {
margin-left: 230px;
overflow: hidden;
}
html[dir="ltr"] .mobile-support.sidebar-flyout #body {
margin-left: 230px;
}
html[dir="rtl"] .mobile-support.sidebar-flyout #body {
margin-right: 230px;
}
.mobile-support.sidebar-flyout #sidebar-overlay{
background-color: rgba(134, 134, 134, 0.5);
bottom: 0;