Update: fix dropdown hover + icon titles on mobile

This commit is contained in:
Rectos VX 2024-05-10 15:44:54 +04:00
parent 29ec42bc35
commit 36d6c06237
30 changed files with 84 additions and 9 deletions

View file

@ -102,7 +102,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=الوضع الداكن navbar.darkmode=الوضع الداكن
navbar.language=Languages
navbar.settings=إعدادات navbar.settings=إعدادات
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -104,7 +104,9 @@ pipelineOptions.validateButton=Валидирай
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Тъмна тема navbar.darkmode=Тъмна тема
navbar.language=Languages
navbar.settings=Настройки navbar.settings=Настройки
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Mode Fosc navbar.darkmode=Mode Fosc
navbar.language=Languages
navbar.settings=Opcions navbar.settings=Opcions
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validieren
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Dunkler Modus navbar.darkmode=Dunkler Modus
navbar.language=Languages
navbar.settings=Einstellungen navbar.settings=Einstellungen
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Επικυρώνω
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Μαύρο Θέμα navbar.darkmode=Μαύρο Θέμα
navbar.language=Languages
navbar.settings=Ρυθμίσεις navbar.settings=Ρυθμίσεις
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Dark Mode navbar.darkmode=Dark Mode
navbar.language=Languages
navbar.settings=Settings navbar.settings=Settings
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -102,7 +102,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Dark Mode navbar.darkmode=Dark Mode
navbar.language=Languages
navbar.settings=Settings navbar.settings=Settings
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -106,7 +106,9 @@ pipelineOptions.validateButton=Validar
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Modo oscuro navbar.darkmode=Modo oscuro
navbar.language=Languages
navbar.settings=Configuración navbar.settings=Configuración
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Modu iluna navbar.darkmode=Modu iluna
navbar.language=Languages
navbar.settings=Ezarpenak navbar.settings=Ezarpenak
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -102,7 +102,9 @@ pipelineOptions.validateButton=Valider
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Mode sombre navbar.darkmode=Mode sombre
navbar.language=Languages
navbar.settings=Paramètres navbar.settings=Paramètres
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=डार्क मोड navbar.darkmode=डार्क मोड
navbar.language=Languages
navbar.settings=सेटिंग्स navbar.settings=सेटिंग्स
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Sötét mód navbar.darkmode=Sötét mód
navbar.language=Languages
navbar.settings=Beállítások navbar.settings=Beállítások
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Mode Gelap navbar.darkmode=Mode Gelap
navbar.language=Languages
navbar.settings=Pengaturan navbar.settings=Pengaturan
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Convalidare
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Modalità Scura navbar.darkmode=Modalità Scura
navbar.language=Languages
navbar.settings=Impostazioni navbar.settings=Impostazioni
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=検証
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=ダークモード navbar.darkmode=ダークモード
navbar.language=Languages
navbar.settings=設定 navbar.settings=設定
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -104,7 +104,9 @@ pipelineOptions.validateButton=확인
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=다크 모드 navbar.darkmode=다크 모드
navbar.language=Languages
navbar.settings=설정 navbar.settings=설정
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Valideren
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Donkere modus navbar.darkmode=Donkere modus
navbar.language=Languages
navbar.settings=Instellingen navbar.settings=Instellingen
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Tryb nocny navbar.darkmode=Tryb nocny
navbar.language=Languages
navbar.settings=Ustawienia navbar.settings=Ustawienia
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Modo Escuro navbar.darkmode=Modo Escuro
navbar.language=Languages
navbar.settings=Configurações navbar.settings=Configurações
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validar
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Modo Escuro navbar.darkmode=Modo Escuro
navbar.language=Languages
navbar.settings=Configurações navbar.settings=Configurações
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Mod întunecat navbar.darkmode=Mod întunecat
navbar.language=Languages
navbar.settings=Setări navbar.settings=Setări
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -104,7 +104,9 @@ pipelineOptions.validateButton=Проверить
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Темный режим navbar.darkmode=Темный режим
navbar.language=Languages
navbar.settings=Настройки navbar.settings=Настройки
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Proveri
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Tamni režim navbar.darkmode=Tamni režim
navbar.language=Languages
navbar.settings=Podešavanja navbar.settings=Podešavanja
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Validate
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Mörkt läge navbar.darkmode=Mörkt läge
navbar.language=Languages
navbar.settings=Inställningar navbar.settings=Inställningar
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=Doğrula
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=Karanlık Mod navbar.darkmode=Karanlık Mod
navbar.language=Languages
navbar.settings=Ayarlar navbar.settings=Ayarlar
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -69,6 +69,7 @@ visitGithub=Visit Github Repository
donate=Donate donate=Donate
color=Color color=Color
sponsor=Sponsor sponsor=Sponsor
info=Info
@ -102,12 +103,18 @@ pipelineOptions.validateButton=Перевірити
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.convert=Конвертувати navbar.favorite=Favorites
navbar.security=Безпека
navbar.other=Інше
navbar.darkmode=Темний режим navbar.darkmode=Темний режим
navbar.pageOps=Операції зі сторінкою navbar.language=Languages
navbar.settings=Налаштування navbar.settings=Налаштування
navbar.allTools=Tools
navbar.multiTool=Multi Tools
navbar.sections.organize=Organize
navbar.sections.convertTo=Convert to PDF
navbar.sections.convertFrom=Convert from PDF
navbar.sections.security=Sign & Security
navbar.sections.advance=Advanced
navbar.sections.edit=View & Edit
############# #############
# SETTINGS # # SETTINGS #
@ -742,6 +749,7 @@ extractImages.submit=Витягнути
fileToPDF.title=Файл у PDF fileToPDF.title=Файл у PDF
fileToPDF.header=Конвертувати будь-який файл у PDF fileToPDF.header=Конвертувати будь-який файл у PDF
fileToPDF.credit=Цей сервіс використовує LibreOffice та Unoconv для перетворення файлів. fileToPDF.credit=Цей сервіс використовує LibreOffice та Unoconv для перетворення файлів.
fileToPDF.supportedFileTypesInfo=Supported File types
fileToPDF.supportedFileTypes=Підтримувані типи файлів повинні включати нижченаведені, однак повний оновлений список підтримуваних форматів дивіться у документації LibreOffice. fileToPDF.supportedFileTypes=Підтримувані типи файлів повинні включати нижченаведені, однак повний оновлений список підтримуваних форматів дивіться у документації LibreOffice.
fileToPDF.submit=Перетворити у PDF fileToPDF.submit=Перетворити у PDF

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=验证
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=暗模式 navbar.darkmode=暗模式
navbar.language=Languages
navbar.settings=设置 navbar.settings=设置
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -103,7 +103,9 @@ pipelineOptions.validateButton=驗證
############# #############
# NAVBAR # # NAVBAR #
############# #############
navbar.favorite=Favorites
navbar.darkmode=暗黑模式 navbar.darkmode=暗黑模式
navbar.language=Languages
navbar.settings=設定 navbar.settings=設定
navbar.allTools=Tools navbar.allTools=Tools
navbar.multiTool=Multi Tools navbar.multiTool=Multi Tools

View file

@ -291,11 +291,6 @@ span.icon-text::after {
margin-top: 0 !important; margin-top: 0 !important;
} }
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.dropdown-menu-wrapper { .dropdown-menu-wrapper {
padding: 1.5rem 0; padding: 1.5rem 0;
border-radius: 1rem; border-radius: 1rem;
@ -311,3 +306,17 @@ span.icon-text::after {
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.icon-hide {
display: inline-flex;
}
@media (min-width:992px) {
.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
.icon-hide {
display: none;
}
}

View file

@ -294,6 +294,7 @@
<span class="material-symbols-rounded"> <span class="material-symbols-rounded">
star star
</span> </span>
<span class="icon-text icon-hide" th:data-text="#{navbar.favorite}" th:text="#{navbar.favorite}"></span>
</a> </a>
<div class="dropdown-menu dropdown-menu-tp dropdown-mw-28" aria-labelledby="navbarDropdown-5"> <div class="dropdown-menu dropdown-menu-tp dropdown-mw-28" aria-labelledby="navbarDropdown-5">
<div class="dropdown-menu-wrapper px-xl-2 px-2" id="favoritesDropdown" > <div class="dropdown-menu-wrapper px-xl-2 px-2" id="favoritesDropdown" >
@ -306,6 +307,7 @@
<span class="material-symbols-rounded" id="dark-mode-icon"> <span class="material-symbols-rounded" id="dark-mode-icon">
dark_mode dark_mode
</span> </span>
<span class="icon-text icon-hide" id="dark-mode-text" th:data-text="#{navbar.darkmode}" th:text="#{navbar.darkmode}"></span>
</a> </a>
</li> </li>
<li class="nav-item dropdown"> <li class="nav-item dropdown">
@ -314,6 +316,7 @@
<span class="material-symbols-rounded"> <span class="material-symbols-rounded">
language language
</span> </span>
<span class="icon-text icon-hide" th:data-text="#{navbar.language}" th:text="#{navbar.language}"></span>
</a> </a>
<div class="dropdown-menu dropdown-menu-tp" aria-labelledby="languageDropdown"> <div class="dropdown-menu dropdown-menu-tp" aria-labelledby="languageDropdown">
<div class="dropdown-menu-wrapper px-xl-2 px-2"> <div class="dropdown-menu-wrapper px-xl-2 px-2">
@ -329,6 +332,7 @@
<span class="material-symbols-rounded"> <span class="material-symbols-rounded">
settings settings
</span> </span>
<span class="icon-text icon-hide" th:data-text="#{navbar.settings}" th:text="#{navbar.settings}"></span>
</a> </a>
</li> </li>
</ul> </ul>