make nav.css rtl-friendly

This commit is contained in:
fim100 2024-08-05 12:45:26 +03:30 committed by Yohan Boniface
parent 3d7ca9c6f9
commit ed2a91330f

View file

@ -22,9 +22,12 @@ footer a.branding {
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
height: 140px; height: 140px;
padding-left: 70px; padding-inline-start: 70px;
display: inline-block; display: inline-block;
} }
html[dir="rtl"] footer a.branding {
background-position: right center;
}
footer .i18n_switch { footer .i18n_switch {
display: inline-block; display: inline-block;
@ -51,10 +54,13 @@ footer .i18n_switch {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 60px auto; background-size: 60px auto;
line-height: 70px; line-height: 70px;
padding-left: 80px; padding-inline-start: 80px;
display: block; display: block;
font-size: 2.5rem; font-size: 2.5rem;
} }
html[dir="rtl"] .umap-nav h1 a {
background-position: right center;
}
.umap-nav ul { .umap-nav ul {
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
@ -66,7 +72,7 @@ footer .i18n_switch {
.umap-nav .button:hover { .umap-nav .button:hover {
text-decoration: none; text-decoration: none;
min-width: 150px; min-width: 150px;
margin-left: 1rem; margin-inline-start: 1rem;
} }
@media only screen and (min-width: 500px) { @media only screen and (min-width: 500px) {