nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-27 01:33:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

47
static/css/theme.css
View file

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