joshuacoles/wallos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: add support for rtl languages (#331)

Browse Source
This commit is contained in:
Miguel Ribeiro 2024-05-18 17:41:01 +02:00 committed by GitHub
parent 38a2ba9804
commit f1815d7335
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
27 changed files with 219 additions and 118 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
admin.php Normal file
View File

@ -0,0 +1,36 @@
<?php
require_once 'includes/header.php';
$settings = [];
$settings['registrations'] = false;
?>
<section class="contain settings">
<section class="account-section">
<header>
<h2><?= translate('backup_and_restore', $i18n) ?></h2>
</header>
<div class="form-group-inline">
<div>
<input type="button" class="button thin" value="<?= translate('backup', $i18n) ?>" id="backupDB" onClick="backupDB()"/>
</div>
<div>
<input type="button" class="secondary-button thin" value="<?= translate('restore', $i18n) ?>" id="restoreDB" onClick="openRestoreDBFileSelect()" />
<input type="file" name="restoreDBFile" id="restoreDBFile" style="display: none;" onChange="restoreDB()" accept=".zip">
</div>
</div>
<div class="settings-notes">
<p>
<i class="fa-solid fa-circle-info"></i>
<?= translate('restore_info', $i18n) ?>
</p>
</div>
</section>
</section>
<script src="scripts/admin.js?<?= $version ?>"></script>
<?php
require_once 'includes/footer.php';
?>

10
includes/header.php
View File

@ -27,9 +27,12 @@
if (isset($settings['color_theme'])) { if (isset($settings['color_theme'])) {
$colorTheme = $settings['color_theme']; $colorTheme = $settings['color_theme'];
} }
$isAdmin = $_SESSION['userId'] == 1;
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html dir="<?= $languages[$lang]['dir'] ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
@ -76,7 +79,7 @@
<script type="text/javascript" src="scripts/i18n/<?= $lang ?>.js?<?= $version ?>"></script> <script type="text/javascript" src="scripts/i18n/<?= $lang ?>.js?<?= $version ?>"></script>
<script type="text/javascript" src="scripts/i18n/getlang.js?<?= $version ?>"></script> <script type="text/javascript" src="scripts/i18n/getlang.js?<?= $version ?>"></script>
</head> </head>
<body class="<?= $theme ?>"> <body class="<?= $theme ?> <?= $languages[$lang]['dir'] ?>">
<header> <header>
<div class="contain"> <div class="contain">
<div class="logo"> <div class="logo">
@ -94,6 +97,9 @@
<a href="."><i class="fa-solid fa-list"></i><?= translate('subscriptions', $i18n) ?></a> <a href="."><i class="fa-solid fa-list"></i><?= translate('subscriptions', $i18n) ?></a>
<a href="stats.php"><i class="fa-solid fa-chart-simple"></i><?= translate('stats', $i18n) ?></a> <a href="stats.php"><i class="fa-solid fa-chart-simple"></i><?= translate('stats', $i18n) ?></a>
<a href="settings.php"><i class="fa-solid fa-gear"></i><?= translate('settings', $i18n) ?></a> <a href="settings.php"><i class="fa-solid fa-gear"></i><?= translate('settings', $i18n) ?></a>
<?php if ($isAdmin): ?>
<a href="admin.php"><i class="fa-solid fa-user-tie"></i><?= translate('admin', $i18n) ?></a>
<?php endif; ?>
<a href="about.php"><i class="fa-solid fa-info-circle"></i><?= translate('about', $i18n) ?></a> <a href="about.php"><i class="fa-solid fa-info-circle"></i><?= translate('about', $i18n) ?></a>
<a href="logout.php"><i class="fa-solid fa-arrow-right-from-bracket"></i><?= translate('logout', $i18n) ?></a> <a href="logout.php"><i class="fa-solid fa-arrow-right-from-bracket"></i><?= translate('logout', $i18n) ?></a>
</div> </div>

1
includes/i18n/de.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Abonnements", 'subscriptions' => "Abonnements",
'stats' => "Statistiken", 'stats' => "Statistiken",
'settings' => "Einstellungen", 'settings' => "Einstellungen",
'admin' => "Admin",
'about' => "Über", 'about' => "Über",
'logout' => "Logout", 'logout' => "Logout",
// Subscriptions page // Subscriptions page

1
includes/i18n/el.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Συνδρομές", 'subscriptions' => "Συνδρομές",
'stats' => "Στατιστικές", 'stats' => "Στατιστικές",
'settings' => "Ρυθμίσεις", 'settings' => "Ρυθμίσεις",
'admin' => "Διαχείριση",
'about' => "Για εμάς", 'about' => "Για εμάς",
'logout' => "Αποσύνδεση", 'logout' => "Αποσύνδεση",
// Subscriptions page // Subscriptions page

1
includes/i18n/en.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Subscriptions", 'subscriptions' => "Subscriptions",
'stats' => "Statistics", 'stats' => "Statistics",
'settings' => "Settings", 'settings' => "Settings",
'admin' => "Admin",
'about' => "About", 'about' => "About",
'logout' => "Logout", 'logout' => "Logout",
// Subscriptions page // Subscriptions page

1
includes/i18n/es.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Suscripciones", 'subscriptions' => "Suscripciones",
'stats' => "Estadísticas", 'stats' => "Estadísticas",
'settings' => "Configuración", 'settings' => "Configuración",
'admin' => "Admin",
'about' => "Acerca de", 'about' => "Acerca de",
'logout' => "Cerrar Sesión", 'logout' => "Cerrar Sesión",
// Subscriptions page // Subscriptions page

1
includes/i18n/fr.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Abonnements", 'subscriptions' => "Abonnements",
'stats' => "Statistiques", 'stats' => "Statistiques",
'settings' => "Paramètres", 'settings' => "Paramètres",
'admin' => "Admin",
'about' => "À propos", 'about' => "À propos",
'logout' => "Déconnexion", 'logout' => "Déconnexion",
// Page d'abonnements // Page d'abonnements

1
includes/i18n/it.php
View File

@ -24,6 +24,7 @@ $i18n = [
'subscriptions' => 'Abbonamenti', 'subscriptions' => 'Abbonamenti',
'stats' => 'Statistiche', 'stats' => 'Statistiche',
'settings' => 'Impostazioni', 'settings' => 'Impostazioni',
'admin' => 'Amministrazione',
'about' => 'Informazioni', 'about' => 'Informazioni',
'logout' => 'Esci', 'logout' => 'Esci',

1
includes/i18n/jp.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "定期購入", 'subscriptions' => "定期購入",
'stats' => "統計", 'stats' => "統計",
'settings' => "設定", 'settings' => "設定",
'admin' => "管理者",
'about' => "About", 'about' => "About",
'logout' => "ログアウト", 'logout' => "ログアウト",
// Subscriptions page // Subscriptions page

1
includes/i18n/ko.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "구독", 'subscriptions' => "구독",
'stats' => "통계", 'stats' => "통계",
'settings' => "설정", 'settings' => "설정",
'admin' => "관리자",
'about' => "정보", 'about' => "정보",
'logout' => "로그아웃", 'logout' => "로그아웃",
// Subscriptions page // Subscriptions page

35
includes/i18n/languages.php
View File

@ -1,26 +1,25 @@
<?php <?php
// File Name => Language Name // File Name => Language Name
$languages = [ $languages = [
// English first // English first
"en" => "English", "en" => ["name" => "English", "dir" => "ltr"],
// Remaining sorted alphabetically by language code // Remaining sorted alphabetically by language code
"de" => "Deutsch", "de" => ["name" => "Deutsch", "dir" => "ltr"],
"el" => "Ελληνικά", "el" => ["name" => "Ελληνικά", "dir" => "ltr"],
"es" => "Español", "es" => ["name" => "Español", "dir" => "ltr"],
"fr" => "Français", "fr" => ["name" => "Français", "dir" => "ltr"],
"it" => "Italiano", "it" => ["name" => "Italiano", "dir" => "ltr"],
"jp" => "日本語", "jp" => ["name" => "日本語", "dir" => "ltr"],
"ko" => "한국어", "ko" => ["name" => "한국어", "dir" => "ltr"],
"pl" => "Polski", "pl" => ["name" => "Polski", "dir" => "ltr"],
"pt" => "Português", "pt" => ["name" => "Português", "dir" => "ltr"],
"pt_br" => "Português Brasileiro", "pt_br" => ["name" => "Português Brasileiro", "dir" => "ltr"],
"ru" => "Русский", "ru" => ["name" => "Русский", "dir" => "ltr"],
"sr_lat" => "Srpski", "sr_lat" => ["name" => "Srpski", "dir" => "ltr"],
"sr" => "Српски", "sr" => ["name" => "Српски", "dir" => "ltr"],
"tr" => "Türkçe", "tr" => ["name" => "Türkçe", "dir" => "ltr"],
"zh_cn" => "简体中文", "zh_cn" => ["name" => "简体中文", "dir" => "ltr"],
"zh_tw" => "繁體中文", "zh_tw" => ["name" => "繁體中文", "dir" => "ltr"],
] ]
?> ?>

1
includes/i18n/pl.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Subskrypcje", 'subscriptions' => "Subskrypcje",
'stats' => "Statystyki", 'stats' => "Statystyki",
'settings' => "Ustawienia", 'settings' => "Ustawienia",
'admin' => "Admin",
'about' => "O aplikacji", 'about' => "O aplikacji",
'logout' => "Wyloguj się", 'logout' => "Wyloguj się",
// Subscriptions page // Subscriptions page

1
includes/i18n/pt.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Subscrições", 'subscriptions' => "Subscrições",
'stats' => "Estatísticas", 'stats' => "Estatísticas",
'settings' => "Definições", 'settings' => "Definições",
'admin' => "Administração",
'about' => "Sobre", 'about' => "Sobre",
'logout' => "Terminar Sessão", 'logout' => "Terminar Sessão",
// Subscriptions page // Subscriptions page

1
includes/i18n/pt_br.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Assinaturas", 'subscriptions' => "Assinaturas",
'stats' => "Estatísticas", 'stats' => "Estatísticas",
'settings' => "Configurações", 'settings' => "Configurações",
'admin' => "Admin",
'about' => "Sobre", 'about' => "Sobre",
'logout' => "Sair", 'logout' => "Sair",
// Subscriptions page // Subscriptions page

1
includes/i18n/ru.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Подписки", 'subscriptions' => "Подписки",
'stats' => "Статистика", 'stats' => "Статистика",
'settings' => "Настройки", 'settings' => "Настройки",
'admin' => "Администратор",
'about' => "О программе", 'about' => "О программе",
'logout' => "Выйти", 'logout' => "Выйти",
// Subscriptions page // Subscriptions page

1
includes/i18n/sr.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Претплате", 'subscriptions' => "Претплате",
'stats' => "Статистике", 'stats' => "Статистике",
'settings' => "Подешавања", 'settings' => "Подешавања",
'admin' => "Админ",
'about' => "О апликацији", 'about' => "О апликацији",
'logout' => "Одјава", 'logout' => "Одјава",
// Страница са претплатама // Страница са претплатама

1
includes/i18n/sr_lat.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Pretplate", 'subscriptions' => "Pretplate",
'stats' => "Statistike", 'stats' => "Statistike",
'settings' => "Podešavanja", 'settings' => "Podešavanja",
'admin' => "Admin",
'about' => "O aplikaciji", 'about' => "O aplikaciji",
'logout' => "Odjava", 'logout' => "Odjava",
// Stranica sa pretplatama // Stranica sa pretplatama

1
includes/i18n/tr.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "Abonelikler", 'subscriptions' => "Abonelikler",
'stats' => "İstatistikler", 'stats' => "İstatistikler",
'settings' => "Ayarlar", 'settings' => "Ayarlar",
'admin' => "Yönetici",
'about' => "Hakkında", 'about' => "Hakkında",
'logout' => "Çıkış Yap", 'logout' => "Çıkış Yap",
// Subscriptions page // Subscriptions page

1
includes/i18n/zh_cn.php
View File

@ -24,6 +24,7 @@ $i18n = [
'subscriptions' => "订阅", 'subscriptions' => "订阅",
'stats' => "统计", 'stats' => "统计",
'settings' => "设置", 'settings' => "设置",
'admin' => "管理员",
'about' => "关于", 'about' => "关于",
'logout' => "登出", 'logout' => "登出",

1
includes/i18n/zh_tw.php
View File

@ -22,6 +22,7 @@ $i18n = [
'subscriptions' => "訂閱", 'subscriptions' => "訂閱",
'stats' => "統計", 'stats' => "統計",
'settings' => "設定", 'settings' => "設定",
'admin' => "管理員",
'about' => "關於", 'about' => "關於",
'logout' => "登出", 'logout' => "登出",
// 訂閱頁面 // 訂閱頁面

4
login.php
View File

@ -77,7 +77,7 @@ if (isset($_POST['username']) && isset($_POST['password'])) {
} }
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html dir="<?= $languages[$lang]['dir'] ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
@ -94,7 +94,7 @@ if (isset($_POST['username']) && isset($_POST['password'])) {
<link rel="stylesheet" href="styles/barlow.css"> <link rel="stylesheet" href="styles/barlow.css">
<link rel="stylesheet" href="styles/login-dark-theme.css?<?= $version ?>" id="dark-theme" <?= $theme == "light" ? "disabled" : "" ?>> <link rel="stylesheet" href="styles/login-dark-theme.css?<?= $version ?>" id="dark-theme" <?= $theme == "light" ? "disabled" : "" ?>>
</head> </head>
<body> <body class="<?= $languages[$lang]['dir'] ?>">
<div class="content"> <div class="content">
<section class="container"> <section class="container">
<header> <header>

8
registration.php
View File

@ -91,7 +91,7 @@ if (isset($_POST['username'])) {
} }
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html dir="<?= $languages[$lang]['dir'] ?>">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
@ -109,7 +109,7 @@ if (isset($_POST['username'])) {
<link rel="stylesheet" href="styles/barlow.css"> <link rel="stylesheet" href="styles/barlow.css">
<script type="text/javascript" src="scripts/registration.js?<?= $version ?>"></script> <script type="text/javascript" src="scripts/registration.js?<?= $version ?>"></script>
</head> </head>
<body> <body class="<?= $languages[$lang]['dir'] ?>">
<div class="content"> <div class="content">
<section class="container"> <section class="container">
<header> <header>
@ -157,10 +157,10 @@ if (isset($_POST['username'])) {
<label for="language"><?= translate('language', $i18n) ?>:</label> <label for="language"><?= translate('language', $i18n) ?>:</label>
<select id="language" name="language" placeholder="Language" onchange="changeLanguage(this.value)"> <select id="language" name="language" placeholder="Language" onchange="changeLanguage(this.value)">
<?php <?php
foreach ($languages as $code => $name) { foreach ($languages as $code => $language) {
$selected = ($code === $lang) ? 'selected' : ''; $selected = ($code === $lang) ? 'selected' : '';
?> ?>
<option value="<?= $code ?>" <?= $selected ?>><?= $name ?></option> <option value="<?= $code ?>" <?= $selected ?>><?= $language['name'] ?></option>
<?php <?php
} }
?> ?>

59
scripts/admin.js Normal file
View File

@ -0,0 +1,59 @@
function backupDB() {
const button = document.getElementById("backupDB");
button.disabled = true;
fetch('endpoints/db/backup.php')
.then(response => response.json())
.then(data => {
if (data.success) {
const link = document.createElement('a');
const filename = data.file;
link.href = '.tmp/' + filename;
link.download = 'backup.zip';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
button.disabled = false;
} else {
showErrorMessage(data.errorMessage);
button.disabled = false;
}
})
.catch(error => {
showErrorMessage(error);
button.disabled = false;
});
}
function openRestoreDBFileSelect() {
document.getElementById('restoreDBFile').click();
};
function restoreDB() {
const input = document.getElementById('restoreDBFile');
const file = input.files[0];
if (!file) {
console.error('No file selected');
return;
}
const formData = new FormData();
formData.append('file', file);
fetch('endpoints/db/restore.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success) {
showSuccessMessage(data.message)
window.location.href = 'logout.php';
} else {
showErrorMessage(data.message);
}
})
.catch(error => showErrorMessage('Error:', error));
}

60
scripts/settings.js
View File

@ -949,66 +949,6 @@ function setHideDisabled() {
storeSettingsOnDB('hide_disabled', value); storeSettingsOnDB('hide_disabled', value);
} }
function backupDB() {
const button = document.getElementById("backupDB");
button.disabled = true;
fetch('endpoints/db/backup.php')
.then(response => response.json())
.then(data => {
if (data.success) {
const link = document.createElement('a');
const filename = data.file;
link.href = '.tmp/' + filename;
link.download = 'backup.zip';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
button.disabled = false;
} else {
showErrorMessage(data.errorMessage);
button.disabled = false;
}
})
.catch(error => {
showErrorMessage(error);
button.disabled = false;
});
}
function openRestoreDBFileSelect() {
document.getElementById('restoreDBFile').click();
};
function restoreDB() {
const input = document.getElementById('restoreDBFile');
const file = input.files[0];
if (!file) {
console.error('No file selected');
return;
}
const formData = new FormData();
formData.append('file', file);
fetch('endpoints/db/restore.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success) {
showSuccessMessage(data.message)
window.location.href = 'logout.php';
} else {
showErrorMessage(data.message);
}
})
.catch(error => showErrorMessage('Error:', error));
}
function saveCategorySorting() { function saveCategorySorting() {
const categories = document.getElementById('categories'); const categories = document.getElementById('categories');
const categoryIds = Array.from(categories.children).map(category => category.dataset.categoryid); const categoryIds = Array.from(categories.children).map(category => category.dataset.categoryid);

25
settings.php
View File

@ -97,10 +97,10 @@
<label for="language"><?= translate('language', $i18n) ?>:</label> <label for="language"><?= translate('language', $i18n) ?>:</label>
<select id="language" name="language" placeholder="Language"> <select id="language" name="language" placeholder="Language">
<?php <?php
foreach ($languages as $code => $name) { foreach ($languages as $code => $language) {
$selected = ($code === $lang) ? 'selected' : ''; $selected = ($code === $lang) ? 'selected' : '';
?> ?>
<option value="<?= $code ?>" <?= $selected ?>><?= $name ?></option> <option value="<?= $code ?>" <?= $selected ?>><?= $language['name'] ?></option>
<?php <?php
} }
?> ?>
@ -992,27 +992,6 @@
</div> </div>
</section> </section>
<section class="account-section">
<header>
<h2><?= translate('backup_and_restore', $i18n) ?></h2>
</header>
<div class="form-group-inline">
<div>
<input type="button" class="button thin" value="<?= translate('backup', $i18n) ?>" id="backupDB" onClick="backupDB()"/>
</div>
<div>
<input type="button" class="secondary-button thin" value="<?= translate('restore', $i18n) ?>" id="restoreDB" onClick="openRestoreDBFileSelect()" />
<input type="file" name="restoreDBFile" id="restoreDBFile" style="display: none;" onChange="restoreDB()" accept=".zip">
</div>
</div>
<div class="settings-notes">
<p>
<i class="fa-solid fa-circle-info"></i>
<?= translate('restore_info', $i18n) ?>
</p>
</div>
</section>
</section> </section>
<script src="scripts/settings.js?<?= $version ?>"></script> <script src="scripts/settings.js?<?= $version ?>"></script>
<script src="scripts/notifications.js?<?= $version ?>"></script> <script src="scripts/notifications.js?<?= $version ?>"></script>

5
styles/login.css
View File

@ -74,6 +74,11 @@ label {
cursor: pointer; cursor: pointer;
} }
.rtl .form-group-inline label {
margin-right: 8px;
margin-left: 0px;
}
input { input {
box-sizing: border-box; box-sizing: border-box;
} }

72
styles/styles.css
View File

@ -123,11 +123,9 @@ header .logo .logo-image {
color: black; color: black;
padding: 14px 18px; padding: 14px 18px;
text-decoration: none; text-decoration: none;
display: block; display: flex;
} flex-direction: row;
gap: 12px;
.dropdown-content a > i {
margin-right: 12px;
} }
.dropdown-content a:hover { .dropdown-content a:hover {
@ -233,6 +231,11 @@ main > .contain {
font-size: 20px; font-size: 20px;
} }
.rtl .top-actions > .search > .search-icon {
float: left;
right: -15px;
}
.subscriptions { .subscriptions {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -340,6 +343,12 @@ main > .contain {
margin-right: 12px; margin-right: 12px;
} }
.rtl .subscription .price img {
margin-right: 0px;
margin-left: 12px;
}
.subscription .actions { .subscription .actions {
flex-basis: auto; flex-basis: auto;
} }
@ -359,6 +368,7 @@ main > .contain {
.subscription-secondary > span { .subscription-secondary > span {
justify-content: flex-start; justify-content: flex-start;
flex-basis: 33%; flex-basis: 33%;
gap: 10px;
} }
.subscription-secondary > .url { .subscription-secondary > .url {
@ -367,10 +377,16 @@ main > .contain {
cursor: pointer; cursor: pointer;
} }
.rtl .subscription-secondary > .url {
margin-left: 0px;
margin-right: auto;
}
.subscription-notes > span { .subscription-notes > span {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 14px; font-size: 14px;
gap: 10px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -403,7 +419,6 @@ main > .contain {
.subscription-secondary img, .subscription-secondary img,
.subscription-notes img { .subscription-notes img {
height: 20px; height: 20px;
margin-right: 10px;
} }
.subscription-secondary .url img { .subscription-secondary .url img {
@ -812,6 +827,12 @@ header #avatar {
color: var(--accent-color); color: var(--accent-color);
} }
.rtl .credits-list > p > span > a,
.rtl .settings-notes > p > span > a {
margin-left: 0px;
margin-right: 5px;
}
.credits-list > p > span > a:visited, .credits-list > p > span > a:visited,
.settings-notes > p > span > a:visited { .settings-notes > p > span > a:visited {
color: var(--accent-color); color: var(--accent-color);
@ -823,6 +844,12 @@ header #avatar {
margin-right: 5px; margin-right: 5px;
} }
.rtl .settings-notes > p > i,
.rtl .account-section .notes > p > i {
margin-right: 0px;
margin-left: 5px;
}
.form-group { .form-group {
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -1249,6 +1276,11 @@ textarea.thin {
color: gray; color: gray;
} }
.rtl .close-form {
right: auto;
left: 15px;
}
.sort-container { .sort-container {
position: relative; position: relative;
} }
@ -1270,6 +1302,11 @@ textarea.thin {
z-index: 2; z-index: 2;
} }
.rtl .sort-options {
left: 0px;
right: auto;
}
@media (max-width: 380px) { @media (max-width: 380px) {
.sort-container { .sort-container {
flex-grow: 1; flex-grow: 1;
@ -1293,6 +1330,10 @@ textarea.thin {
cursor: pointer; cursor: pointer;
} }
.rtl .sort-options > ul > li {
padding: 14px 18px 14px 35px;
}
.sort-options > ul > li:last-of-type { .sort-options > ul > li:last-of-type {
border-bottom: none; border-bottom: none;
} }
@ -1308,6 +1349,10 @@ textarea.thin {
background-position: center right 10px; background-position: center right 10px;
} }
.rtl .sort-options > ul > li.selected {
background-position: center left 10px;
}
.subscription-list-title { .subscription-list-title {
font-size: 18px; font-size: 18px;
padding: 4px; padding: 4px;
@ -1594,6 +1639,12 @@ textarea.thin {
margin-top: 6px; margin-top: 6px;
} }
.rtl .filtermenu-content {
left: 0;
right: auto;
}
@media (max-width: 354px) { @media (max-width: 354px) {
.on-dashboard .filtermenu-content { .on-dashboard .filtermenu-content {
right: -94px; right: -94px;
@ -1647,6 +1698,10 @@ textarea.thin {
background-position: center right 10px; background-position: center right 10px;
} }
.rtl .filtermenu-content .filter-item.selected {
background-position: center left 10px;
}
.filtermenu-content .filter-title.filter-clear { .filtermenu-content .filter-title.filter-clear {
color: var(--hover-color); color: var(--hover-color);
font-weight: normal; font-weight: normal;
@ -1657,6 +1712,11 @@ textarea.thin {
margin-right: 8px; margin-right: 8px;
} }
.rtl .filtermenu-content .filter-title.filter-clear > i {
margin-left: 8px;
margin-right: 0px;
}
.filtermenu-content .filter-item:hover, .filtermenu-content .filter-item:hover,
.filtermenu-content .filter-title:hover { .filtermenu-content .filter-title:hover {
background-color: #f1f1f1; background-color: #f1f1f1;