Improved: Nav buttons as buttons (#6485)

* improved HTML

* CSS

* i18n: new title text

* Update swage.scss

* Update app/i18n/fr/gen.php

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>

* Update swage.scss

---------

Co-authored-by: Alexandre Alapetite <alexandre@alapetite.fr>
This commit is contained in:
maTh
2024-06-05 20:45:30 +02:00
committed by GitHub
parent cdb9d4a5a8
commit 4f60a42e64
50 changed files with 152 additions and 108 deletions

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Načíst výchozí zkratky',
'manage' => 'Spravovat',
'mark_read' => 'Označit jako přečtené',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Otevřít adresu URL',
'promote' => 'Zvýšit úroveň',
'purge' => 'Vymazat',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Standard-Kürzel laden',
'manage' => 'Verwalten',
'mark_read' => 'Als gelesen markieren',
'nav_buttons' => array(
'next' => 'Nächster Artikel',
'prev' => 'Vorheriger Artikel',
'up' => 'Nach oben',
),
'open_url' => 'URL öffnen',
'promote' => 'Hochstufen',
'purge' => 'Bereinigen',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Load default shortcuts', // TODO
'manage' => 'Manage', // TODO
'mark_read' => 'Mark as read', // TODO
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Open URL', // TODO
'promote' => 'Promote', // TODO
'purge' => 'Purge', // TODO

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Load default shortcuts', // IGNORE
'manage' => 'Manage', // IGNORE
'mark_read' => 'Mark as read', // IGNORE
'nav_buttons' => array(
'next' => 'Next article', // IGNORE
'prev' => 'Previous article', // IGNORE
'up' => 'Go up', // IGNORE
),
'open_url' => 'Open URL', // IGNORE
'promote' => 'Promote', // IGNORE
'purge' => 'Purge', // IGNORE

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Load default shortcuts',
'manage' => 'Manage',
'mark_read' => 'Mark as read',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Open URL',
'promote' => 'Promote',
'purge' => 'Purge',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Cargar accesos directos predeterminados',
'manage' => 'Administrar',
'mark_read' => 'Marcar como leído',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Abrir URL',
'promote' => 'Promover',
'purge' => 'Eliminar',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => ' میانبرهای پیش فرض را بارگیری کنید',
'manage' => ' مدیریت',
'mark_read' => ' علامت گذاری به عنوان خوانده شده',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => ' URL را باز کنید',
'promote' => ' ترویج',
'purge' => ' پاکسازی',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Utiliser les raccourcis par défaut',
'manage' => 'Gérer',
'mark_read' => 'Marquer comme lu',
'nav_buttons' => array(
'next' => 'Article suivant',
'prev' => 'Article précédent',
'up' => 'Aller en haut',
),
'open_url' => 'Ouvrir lURL',
'promote' => 'Promouvoir',
'purge' => 'Purger',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Load default shortcuts', // TODO
'manage' => 'ניהול',
'mark_read' => 'סימון כנקרא',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Open URL', // TODO
'promote' => 'Promote', // TODO
'purge' => 'Purge', // TODO

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Alapértelmezett gyorsgombok visszaállítása',
'manage' => 'Kezelés',
'mark_read' => 'Megjelölés olvasottként',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'URL Megnyitása',
'promote' => 'Előléptet',
'purge' => 'Töröl',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Load default shortcuts', // TODO
'manage' => 'Manage', // TODO
'mark_read' => 'Mark as read', // TODO
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Open URL', // TODO
'promote' => 'Promote', // TODO
'purge' => 'Purge', // TODO

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Carica le scorciatoie di default',
'manage' => 'Gestisci',
'mark_read' => 'Segna come letto',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Apri URL',
'promote' => 'Promuovi',
'purge' => 'Elimina',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'デフォルトのショートカットを読み込む',
'manage' => '管理',
'mark_read' => '既読にする',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'URLを開く',
'promote' => 'プロモート',
'purge' => '不要なデータの削除',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => '기본 단축키 불러오기',
'manage' => '관리',
'mark_read' => '읽음으로 표시',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'URL 열기',
'promote' => '목록 수준 올리기',
'purge' => '제거',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Ielādēt noklusējuma saīsnes',
'manage' => 'Pārvaldīt',
'mark_read' => 'Atzīmēt kā izlasītu',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Atvērt URL',
'promote' => 'Paaugstināt amatu',
'purge' => 'Iztīrīt',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Standaardshortcuts laden',
'manage' => 'Beheren',
'mark_read' => 'Markeer als gelezen',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'URL openen',
'promote' => 'Bevorderen',
'purge' => 'Zuiveren',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Cargar los acorchis per defaut',
'manage' => 'Gerir',
'mark_read' => 'Marcar coma legit',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Dobrir lURL',
'promote' => 'Promòure',
'purge' => 'Purgar',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Ustaw domyślne skróty',
'manage' => 'Ustawienia',
'mark_read' => 'Oznacz jako przeczytane',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Otwórz adres',
'promote' => 'Awansuj',
'purge' => 'Oczyść',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Carregar mais atalhos',
'manage' => 'Gerenciar',
'mark_read' => 'Marcar como lido',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Abrir URL',
'promote' => 'Promover',
'purge' => 'Limpar',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Загрузить горячие клавиши по умолчанию',
'manage' => 'Настроить',
'mark_read' => 'Отметить прочитанным',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Открыть URL',
'promote' => 'Продвинуть',
'purge' => 'Запустить очистку',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Načítať prednastavené klávesové skratky',
'manage' => 'Spravovať',
'mark_read' => 'Označiť ako prečítané',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'Otvoriť URL',
'promote' => 'Podporiť',
'purge' => 'Vymazať',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => 'Öntanımlı kısayolları yükle',
'manage' => 'Yönet',
'mark_read' => 'Okundu olarak işaretle',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => 'URLyi aç',
'promote' => 'Yöneticilik ata',
'purge' => 'Temizle',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => '加载默认快捷键',
'manage' => '管理',
'mark_read' => '标记已读',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => '打开链接',
'promote' => '设为管理员',
'purge' => '清理',

View File

@@ -29,6 +29,11 @@ return array(
'load_default_shortcuts' => '重置快捷鍵',
'manage' => '管理',
'mark_read' => '標記已讀',
'nav_buttons' => array(
'next' => 'Next article', // TODO
'prev' => 'Previous article', // TODO
'up' => 'Go up', // TODO
),
'open_url' => '打開連結',
'promote' => '設為管理員',
'purge' => '清理',

View File

@@ -1,10 +1,8 @@
<?php
declare(strict_types=1);
?>
<nav>
<ul id="nav_entries">
<li class="item"><a class="previous_entry" href="#"><?= _i('prev') ?></a></li>
<li class="item"><a class="up" href="#"><?= _i('up') ?></a></li>
<li class="item"><a class="next_entry" href="#"><?= _i('next') ?></a></li>
</ul>
<nav id="nav_entries">
<button class="previous_entry" title="<?= _t('gen.action.nav_buttons.prev') ?>"><?= _i('prev') ?></button>
<button class="up" title="<?= _t('gen.action.nav_buttons.up') ?>"><?= _i('up') ?></button>
<button class="next_entry" title="<?= _t('gen.action.nav_buttons.next') ?>"><?= _i('next') ?></button>
</nav>

View File

@@ -922,11 +922,7 @@ kbd {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background: var(--background-color-light);
text-align: center;
line-height: 3;
table-layout: fixed;
}
/*=== READER VIEW */

View File

@@ -922,11 +922,7 @@ kbd {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background: var(--background-color-light);
text-align: center;
line-height: 3;
table-layout: fixed;
}
/*=== READER VIEW */

View File

@@ -372,9 +372,5 @@ main.prompt {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: variables.$sid-bg;
}

View File

@@ -140,8 +140,8 @@
}
#nav_entries {
line-height: 4.5rem;
#nav_entries button {
height: 4.5rem;
}
.notification {

View File

@@ -973,10 +973,6 @@ main.prompt {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: #fbf9f6;
}
@@ -1291,8 +1287,8 @@ main.prompt {
line-height: 1.5rem;
margin-bottom: 1rem;
}
#nav_entries {
line-height: 4.5rem;
#nav_entries button {
height: 4.5rem;
}
.notification {
border-radius: 0;

View File

@@ -973,10 +973,6 @@ main.prompt {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: #fbf9f6;
}
@@ -1291,8 +1287,8 @@ main.prompt {
line-height: 1.5rem;
margin-bottom: 1rem;
}
#nav_entries {
line-height: 4.5rem;
#nav_entries button {
height: 4.5rem;
}
.notification {
border-radius: 0;

View File

@@ -846,10 +846,6 @@ th {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: #34495e;
}

View File

@@ -846,10 +846,6 @@ th {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: #34495e;
}

View File

@@ -386,9 +386,5 @@ main.prompt {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: variables.$sid-bg;
}

View File

@@ -147,8 +147,8 @@
}
#nav_entries {
line-height: 4.5rem;
#nav_entries button {
height: 4.5rem;
}
.notification {

View File

@@ -991,10 +991,6 @@ main.prompt {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: #303136;
}
@@ -1311,8 +1307,8 @@ main.prompt {
line-height: 1.5rem;
margin-bottom: 1rem;
}
#nav_entries {
line-height: 4.5rem;
#nav_entries button {
height: 4.5rem;
}
.notification {
border-radius: 0;

View File

@@ -991,10 +991,6 @@ main.prompt {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3em;
table-layout: fixed;
background: #303136;
}
@@ -1311,8 +1307,8 @@ main.prompt {
line-height: 1.5rem;
margin-bottom: 1rem;
}
#nav_entries {
line-height: 4.5rem;
#nav_entries button {
height: 4.5rem;
}
.notification {
border-radius: 0;

View File

@@ -920,10 +920,7 @@ li.item.active {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background: var(--accent-bg);
text-align: center;
line-height: 3em;
}
#nav_entries .item a:hover {

View File

@@ -920,10 +920,7 @@ li.item.active {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background: var(--accent-bg);
text-align: center;
line-height: 3em;
}
#nav_entries .item a:hover {

View File

@@ -988,12 +988,8 @@ a:hover .icon {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background-color: var(--background-color-light);
border-top: 1px solid var(--border-color);
text-align: center;
line-height: 3;
table-layout: fixed;
}
/*=== READER VIEW */

View File

@@ -988,12 +988,8 @@ a:hover .icon {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background-color: var(--background-color-light);
border-top: 1px solid var(--border-color);
text-align: center;
line-height: 3;
table-layout: fixed;
}
/*=== READER VIEW */

View File

@@ -958,12 +958,8 @@ a.signin {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background-color: var(--background-color-white);
border-top: 1px solid var(--border-color-grey-light);
text-align: center;
line-height: 3;
table-layout: fixed;
}
#nav_entries .item:hover {

View File

@@ -958,12 +958,8 @@ a.signin {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
background-color: var(--background-color-white);
border-top: 1px solid var(--border-color-grey-light);
text-align: center;
line-height: 3;
table-layout: fixed;
}
#nav_entries .item:hover {

View File

@@ -833,10 +833,6 @@ form th {
}
#nav_entries {
margin: 0;
text-align: center;
line-height: 3;
table-layout: fixed;
background-color: var(--color-background-aside);
}

View File

@@ -833,10 +833,6 @@ form th {
}
#nav_entries {
margin: 0;
text-align: center;
line-height: 3;
table-layout: fixed;
background-color: var(--color-background-aside);
}

View File

@@ -1070,10 +1070,6 @@ form {
}
#nav_entries {
margin: 0;
text-align: center;
line-height: 3;
table-layout: fixed;
@extend %aside-width;
background-color: var(--color-background-aside);

View File

@@ -630,10 +630,6 @@ th {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3;
table-layout: fixed;
}
/*=== READER VIEW */

View File

@@ -630,10 +630,6 @@ th {
/*=== Navigation menu (for articles) */
#nav_entries {
margin: 0;
text-align: center;
line-height: 3;
table-layout: fixed;
}
/*=== READER VIEW */

View File

@@ -1670,13 +1670,17 @@ a.website:hover .favicon {
z-index: 50;
}
#nav_entries .item {
#nav_entries button {
background-color: transparent;
display: table-cell;
width: 30%;
width: 33.3%;
height: 3rem;
border: 0;
cursor: pointer;
}
#nav_entries a {
display: block;
#nav_entries button:hover {
background-color: var(--frss-darken-background-hover-transparent);
}
/*=== "Load" parts */

View File

@@ -1670,13 +1670,17 @@ a.website:hover .favicon {
z-index: 50;
}
#nav_entries .item {
#nav_entries button {
background-color: transparent;
display: table-cell;
width: 30%;
width: 33.3%;
height: 3rem;
border: 0;
cursor: pointer;
}
#nav_entries a {
display: block;
#nav_entries button:hover {
background-color: var(--frss-darken-background-hover-transparent);
}
/*=== "Load" parts */