Some fixes for RTL

This commit is contained in:
Pk11 2020-12-27 03:17:31 -06:00
parent 00863e9094
commit 75031a4e2c
6 changed files with 32 additions and 16 deletions

View File

@ -20,6 +20,8 @@ collections:
output: true output: true
fr-FR: fr-FR:
output: true output: true
he-IL:
output: true
hu-HU: hu-HU:
output: true output: true
it-IT: it-IT:
@ -53,6 +55,7 @@ lang-names:
en-US: English en-US: English
es-ES: Español es-ES: Español
fr-FR: Français fr-FR: Français
he-IL: עברית
hu-HU: Magyar hu-HU: Magyar
it-IT: Italiano it-IT: Italiano
ja-JP: 日本語 ja-JP: 日本語
@ -65,4 +68,6 @@ lang-names:
tr-TR: Türkçe tr-TR: Türkçe
uk-UA: Українська uk-UA: Українська
zh-CN: 中文 (简体) zh-CN: 中文 (简体)
zh-TW: 中文 (繁體) zh-TW: 中文 (繁體)
rtl: [he-IL]

View File

@ -11,7 +11,11 @@
</title> </title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> {% if site.rtl contains page.collection %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.rtl.min.css" integrity="sha384-mUkCBeyHPdg0tqB6JDd+65Gpw5h/l8DKcCTV2D2UpaMMFd7Jo8A+mDAosaWgFBPl" crossorigin="anonymous">
{% else %}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
{% endif %}
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/style.css"> <link rel="stylesheet" type="text/css" media="screen" href="/assets/css/style.css">

View File

@ -33,13 +33,13 @@
<a class="nav-link" href="https://github.com/{{ page.repo | default: site.repo }}">{{ site.data[page.collection].strings.source}}</a> <a class="nav-link" href="https://github.com/{{ page.repo | default: site.repo }}">{{ site.data[page.collection].strings.source}}</a>
</li> </li>
</ul> </ul>
<div class="btn-group language-dropdown"> <div class="btn-group position-absolute-sm end-0 me-1">
<button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"> <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4H2.255a7.025 7.025 0 0 1 3.072-2.472 6.7 6.7 0 0 0-.597.933c-.247.464-.462.98-.64 1.539zm-.582 3.5h-2.49c.062-.89.291-1.733.656-2.5H3.82a13.652 13.652 0 0 0-.312 2.5zM4.847 5H7.5v2.5H4.51A12.5 12.5 0 0 1 4.846 5zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5H7.5V11H4.847a12.5 12.5 0 0 1-.338-2.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12H7.5v2.923c-.67-.204-1.335-.82-1.887-1.855A7.97 7.97 0 0 1 5.145 12zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11H1.674a6.958 6.958 0 0 1-.656-2.5h2.49c.03.877.138 1.718.312 2.5zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12h2.355a7.967 7.967 0 0 1-.468 1.068c-.552 1.035-1.218 1.65-1.887 1.855V12zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5h-2.49A13.65 13.65 0 0 0 12.18 5h2.146c.365.767.594 1.61.656 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4H8.5V1.077c.67.204 1.335.82 1.887 1.855.173.324.33.682.468 1.068z"/> <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4H2.255a7.025 7.025 0 0 1 3.072-2.472 6.7 6.7 0 0 0-.597.933c-.247.464-.462.98-.64 1.539zm-.582 3.5h-2.49c.062-.89.291-1.733.656-2.5H3.82a13.652 13.652 0 0 0-.312 2.5zM4.847 5H7.5v2.5H4.51A12.5 12.5 0 0 1 4.846 5zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5H7.5V11H4.847a12.5 12.5 0 0 1-.338-2.5zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12H7.5v2.923c-.67-.204-1.335-.82-1.887-1.855A7.97 7.97 0 0 1 5.145 12zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11H1.674a6.958 6.958 0 0 1-.656-2.5h2.49c.03.877.138 1.718.312 2.5zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12h2.355a7.967 7.967 0 0 1-.468 1.068c-.552 1.035-1.218 1.65-1.887 1.855V12zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5h-2.49A13.65 13.65 0 0 0 12.18 5h2.146c.365.767.594 1.61.656 2.5zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4H8.5V1.077c.67.204 1.335.82 1.887 1.855.173.324.33.682.468 1.068z"/>
</svg> </svg>
</button> </button>
<ul class="dropdown-menu dropdown-menu-end-sm" id="language-dropdown"> <ul class="dropdown-menu dropdown-menu-sm-end" id="language-dropdown">
{% assign ref = page.url | split: page.collection | last %} {% assign ref = page.url | split: page.collection | last %}
{% for collection in site.collections %} {% for collection in site.collections %}
{% unless collection.label == "ic-IC" %} {% unless collection.label == "ic-IC" %}

View File

@ -3,7 +3,7 @@ layout: compress
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ page.collection | default: "en-US" }}"> <html lang="{{ page.collection | default: "en-US" }}" {% if site.rtl contains page.collection %}dir="rtl"{% endif %}>
{% include head.html%} {% include head.html%}
<body> <body>

View File

@ -3,7 +3,7 @@ layout: compress
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ page.collection | default: "en-US" }}"> <html lang="{{ page.collection | default: "en-US" }}" {% if site.rtl contains page.collection %}dir="rtl"{% endif %}>
{% include head.html%} {% include head.html%}
<body> <body>
@ -43,11 +43,11 @@ layout: compress
<!-- Finally, the other pages --> <!-- Finally, the other pages -->
{% for cat in categories %} {% for cat in categories %}
<li> <li>
<details {% if page.category contains cat %}open{% endif %}> <details {% if page.category == cat or page.category.first and page.category contains cat %}open{% endif %}>
<summary>{{ cat }}</summary> <summary>{{ cat }}</summary>
<ul> <ul>
{% for item in items %} {% for item in items %}
{% unless item.category contains cat %} {% unless item.category == cat or item.category.first and item.category contains cat %}
{% continue %} {% continue %}
{% endunless %} {% endunless %}
<li class="{% if page.title == item.title %}fw-bold{% endif %}"><a href="{{ item.url }}">{{ item.title }}</a></li> <li class="{% if page.title == item.title %}fw-bold{% endif %}"><a href="{{ item.url }}">{{ item.title }}</a></li>

View File

@ -292,7 +292,13 @@ div .btn-primary:hover {
.li-bullet { .li-bullet {
list-style: disc; list-style: disc;
margin-left: 1em; margin-left: 1.25em;
}
html[dir=rtl] .li-bullet {
list-style: disc;
margin-left: 0;
margin-right: 1.5em;
} }
// Hide header anchors unless hovering the header // Hide header anchors unless hovering the header
@ -362,15 +368,16 @@ kbd.face {
} }
@media only screen and (min-width: 576px) { @media only screen and (min-width: 576px) {
// Only right align language dropdown when sm+ // Version of .position-absolute that only triggers for sm+
.language-dropdown { .position-absolute-sm {
position: absolute; position: absolute!important;
right: 5px;
} }
.dropdown-menu-end-sm {
// Seems to be broken in RTL in bootstrap v5.0-beta1, so override here
html[dir=rtl] .dropdown-menu-sm-end {
--bs-position: end; --bs-position: end;
right: 0; right: auto;
left: auto; left: 0;
} }
} }