From cf57ade3f05123a5a16b58437ef8284c16149250 Mon Sep 17 00:00:00 2001 From: "Torsten Schulz (local)" Date: Thu, 2 Apr 2026 08:43:26 +0200 Subject: [PATCH] feat(UI): enhance styling and accessibility across components - Added `-webkit-overflow-scrolling: touch` and `overscroll-behavior-y: contain` to App.vue for improved scrolling behavior on touch devices. - Updated DialogManager.vue to include `min-height: 0` and `overflow-x: hidden` for better content management. - Set `min-height: 0` in TeamManagementOverview.vue and TeamManagementView.vue to ensure consistent layout. - Enhanced localization files across multiple languages to include new terms for user administration, improving user experience. --- frontend/src/App.vue | 2 ++ frontend/src/components/DialogManager.vue | 3 +++ frontend/src/components/team/TeamManagementOverview.vue | 1 + frontend/src/i18n/locales/de-CH.json | 5 ++++- frontend/src/i18n/locales/de-extended.json | 5 ++++- frontend/src/i18n/locales/de.json | 5 ++++- frontend/src/i18n/locales/en-AU.json | 5 ++++- frontend/src/i18n/locales/en-GB.json | 5 ++++- frontend/src/i18n/locales/en-US.json | 5 ++++- frontend/src/i18n/locales/es.json | 5 ++++- frontend/src/i18n/locales/fil.json | 5 ++++- frontend/src/i18n/locales/fr.json | 5 ++++- frontend/src/i18n/locales/it.json | 5 ++++- frontend/src/i18n/locales/ja.json | 5 ++++- frontend/src/i18n/locales/pl.json | 5 ++++- frontend/src/i18n/locales/th.json | 5 ++++- frontend/src/i18n/locales/tl.json | 5 ++++- frontend/src/i18n/locales/zh.json | 5 ++++- frontend/src/views/TeamManagementView.vue | 1 + 19 files changed, 67 insertions(+), 15 deletions(-) diff --git a/frontend/src/App.vue b/frontend/src/App.vue index fcc7b8f3..ef082b4d 100644 --- a/frontend/src/App.vue +++ b/frontend/src/App.vue @@ -889,6 +889,8 @@ export default { min-width: 0; max-width: 100%; padding-bottom: 32px; /* Platz für Statusleiste (24px + 8px padding) */ + -webkit-overflow-scrolling: touch; + overscroll-behavior-y: contain; } .main-content.main-content-locked { diff --git a/frontend/src/components/DialogManager.vue b/frontend/src/components/DialogManager.vue index 4c687b60..2add810b 100644 --- a/frontend/src/components/DialogManager.vue +++ b/frontend/src/components/DialogManager.vue @@ -269,8 +269,11 @@ export default { .dialog-content { flex: 1; + min-height: 0; padding: 0; overflow-y: auto; + overflow-x: hidden; + -webkit-overflow-scrolling: touch; } .minimized-dialogs { diff --git a/frontend/src/components/team/TeamManagementOverview.vue b/frontend/src/components/team/TeamManagementOverview.vue index 66749859..71494100 100644 --- a/frontend/src/components/team/TeamManagementOverview.vue +++ b/frontend/src/components/team/TeamManagementOverview.vue @@ -187,6 +187,7 @@ export default { display: flex; flex-direction: column; gap: 1rem; + min-height: 0; } .team-management-hero, diff --git a/frontend/src/i18n/locales/de-CH.json b/frontend/src/i18n/locales/de-CH.json index c72afa17..81f2eccb 100644 --- a/frontend/src/i18n/locales/de-CH.json +++ b/frontend/src/i18n/locales/de-CH.json @@ -88,7 +88,10 @@ "dailyBusiness": "Tagesgschäft", "competitions": "Wettbewerb", "settings": "Iistellige", - "backToHome": "Zur Startseite" + "backToHome": "Zur Startseite", + "m-administration": { + "useradministration": "Benutzerverwaltung" + } }, "club": { "select": "Verein uswähle", diff --git a/frontend/src/i18n/locales/de-extended.json b/frontend/src/i18n/locales/de-extended.json index fb7463e7..e8d5a59c 100644 --- a/frontend/src/i18n/locales/de-extended.json +++ b/frontend/src/i18n/locales/de-extended.json @@ -79,7 +79,10 @@ "dailyBusiness": "Tagesgeschäft", "competitions": "Wettbewerbe", "settings": "Einstellungen", - "backToHome": "Zur Startseite" + "backToHome": "Zur Startseite", + "m-administration": { + "useradministration": "Benutzerverwaltung" + } }, "club": { "select": "Verein auswählen", diff --git a/frontend/src/i18n/locales/de.json b/frontend/src/i18n/locales/de.json index bec1fffd..b95f8f55 100644 --- a/frontend/src/i18n/locales/de.json +++ b/frontend/src/i18n/locales/de.json @@ -88,7 +88,10 @@ "dailyBusiness": "Tagesgeschäft", "competitions": "Wettbewerbe", "settings": "Einstellungen", - "backToHome": "Zur Startseite" + "backToHome": "Zur Startseite", + "m-administration": { + "useradministration": "Benutzerverwaltung" + } }, "club": { "select": "Verein auswählen", diff --git a/frontend/src/i18n/locales/en-AU.json b/frontend/src/i18n/locales/en-AU.json index 07249a18..de2ab208 100644 --- a/frontend/src/i18n/locales/en-AU.json +++ b/frontend/src/i18n/locales/en-AU.json @@ -88,7 +88,10 @@ "dailyBusiness": "Daily Business", "competitions": "Competitions", "settings": "Settings", - "backToHome": "Back to home" + "backToHome": "Back to home", + "m-administration": { + "useradministration": "User administration" + } }, "club": { "select": "Select Club", diff --git a/frontend/src/i18n/locales/en-GB.json b/frontend/src/i18n/locales/en-GB.json index c64647a8..a3a0a480 100644 --- a/frontend/src/i18n/locales/en-GB.json +++ b/frontend/src/i18n/locales/en-GB.json @@ -88,7 +88,10 @@ "dailyBusiness": "Daily Business", "competitions": "Competitions", "settings": "Settings", - "backToHome": "Back to home" + "backToHome": "Back to home", + "m-administration": { + "useradministration": "User administration" + } }, "club": { "select": "Select Club", diff --git a/frontend/src/i18n/locales/en-US.json b/frontend/src/i18n/locales/en-US.json index df59556a..210ab2aa 100644 --- a/frontend/src/i18n/locales/en-US.json +++ b/frontend/src/i18n/locales/en-US.json @@ -88,7 +88,10 @@ "dailyBusiness": "Daily Business", "competitions": "Competitions", "settings": "Settings", - "backToHome": "Back to home" + "backToHome": "Back to home", + "m-administration": { + "useradministration": "User administration" + } }, "club": { "select": "Select Club", diff --git a/frontend/src/i18n/locales/es.json b/frontend/src/i18n/locales/es.json index 42448bcc..df544297 100644 --- a/frontend/src/i18n/locales/es.json +++ b/frontend/src/i18n/locales/es.json @@ -87,7 +87,10 @@ "dailyBusiness": "Gestión diaria", "competitions": "Competiciones", "settings": "Configuración", - "backToHome": "Volver al inicio" + "backToHome": "Volver al inicio", + "m-administration": { + "useradministration": "Administración de usuarios" + } }, "club": { "select": "Seleccionar club", diff --git a/frontend/src/i18n/locales/fil.json b/frontend/src/i18n/locales/fil.json index 39a8401a..7d16da99 100644 --- a/frontend/src/i18n/locales/fil.json +++ b/frontend/src/i18n/locales/fil.json @@ -87,7 +87,10 @@ "dailyBusiness": "Araw-araw na negosyo", "competitions": "Mga kompetisyon", "settings": "Mga setting", - "backToHome": "Bumalik sa home" + "backToHome": "Bumalik sa home", + "m-administration": { + "useradministration": "Pamamahala ng mga user" + } }, "club": { "select": "Pumili ng club", diff --git a/frontend/src/i18n/locales/fr.json b/frontend/src/i18n/locales/fr.json index 3dd9d1d4..ed07f8ba 100644 --- a/frontend/src/i18n/locales/fr.json +++ b/frontend/src/i18n/locales/fr.json @@ -87,7 +87,10 @@ "dailyBusiness": "Gestion quotidienne", "competitions": "Compétitions", "settings": "Paramètres", - "backToHome": "Retour à l'accueil" + "backToHome": "Retour à l'accueil", + "m-administration": { + "useradministration": "Gestion des utilisateurs" + } }, "club": { "select": "Sélectionner un club", diff --git a/frontend/src/i18n/locales/it.json b/frontend/src/i18n/locales/it.json index 33a4b36e..81b707fe 100644 --- a/frontend/src/i18n/locales/it.json +++ b/frontend/src/i18n/locales/it.json @@ -87,7 +87,10 @@ "dailyBusiness": "Gestione quotidiana", "competitions": "Competizioni", "settings": "Impostazioni", - "backToHome": "Torna alla home" + "backToHome": "Torna alla home", + "m-administration": { + "useradministration": "Amministrazione utenti" + } }, "club": { "select": "Seleziona club", diff --git a/frontend/src/i18n/locales/ja.json b/frontend/src/i18n/locales/ja.json index b7d5c70c..8b5f1bee 100644 --- a/frontend/src/i18n/locales/ja.json +++ b/frontend/src/i18n/locales/ja.json @@ -87,7 +87,10 @@ "dailyBusiness": "日常業務", "competitions": "競技", "settings": "設定", - "backToHome": "ホームへ戻る" + "backToHome": "ホームへ戻る", + "m-administration": { + "useradministration": "ユーザー管理" + } }, "club": { "select": "クラブを選択", diff --git a/frontend/src/i18n/locales/pl.json b/frontend/src/i18n/locales/pl.json index abedaa98..d64bad5a 100644 --- a/frontend/src/i18n/locales/pl.json +++ b/frontend/src/i18n/locales/pl.json @@ -87,7 +87,10 @@ "dailyBusiness": "Codzienna praca", "competitions": "Rozgrywki", "settings": "Ustawienia", - "backToHome": "Powrót do strony głównej" + "backToHome": "Powrót do strony głównej", + "m-administration": { + "useradministration": "Administracja użytkowników" + } }, "club": { "select": "Wybierz klub", diff --git a/frontend/src/i18n/locales/th.json b/frontend/src/i18n/locales/th.json index 8020add3..8ed85db1 100644 --- a/frontend/src/i18n/locales/th.json +++ b/frontend/src/i18n/locales/th.json @@ -87,7 +87,10 @@ "dailyBusiness": "ธุรกิจประจำวัน", "competitions": "การแข่งขัน", "settings": "การตั้งค่า", - "backToHome": "กลับหน้าแรก" + "backToHome": "กลับหน้าแรก", + "m-administration": { + "useradministration": "การจัดการผู้ใช้" + } }, "club": { "select": "เลือกสโมสร", diff --git a/frontend/src/i18n/locales/tl.json b/frontend/src/i18n/locales/tl.json index ea20ba32..efe89f83 100644 --- a/frontend/src/i18n/locales/tl.json +++ b/frontend/src/i18n/locales/tl.json @@ -87,7 +87,10 @@ "dailyBusiness": "Araw-araw na negosyo", "competitions": "Mga kompetisyon", "settings": "Mga setting", - "backToHome": "Bumalik sa home" + "backToHome": "Bumalik sa home", + "m-administration": { + "useradministration": "Pamamahala ng mga user" + } }, "club": { "select": "Pumili ng club", diff --git a/frontend/src/i18n/locales/zh.json b/frontend/src/i18n/locales/zh.json index 5010c398..b41bff27 100644 --- a/frontend/src/i18n/locales/zh.json +++ b/frontend/src/i18n/locales/zh.json @@ -87,7 +87,10 @@ "dailyBusiness": "日常事务", "competitions": "比赛", "settings": "设置", - "backToHome": "返回首页" + "backToHome": "返回首页", + "m-administration": { + "useradministration": "用户管理" + } }, "club": { "select": "选择俱乐部", diff --git a/frontend/src/views/TeamManagementView.vue b/frontend/src/views/TeamManagementView.vue index 54d418da..fc689a82 100644 --- a/frontend/src/views/TeamManagementView.vue +++ b/frontend/src/views/TeamManagementView.vue @@ -2315,6 +2315,7 @@ export default { display: flex; flex-direction: column; gap: 1rem; + min-height: 0; } .team-management-hero {