From e628bdc4c90053ab650898fd95582201acfbc746 Mon Sep 17 00:00:00 2001 From: Connor Yoh Date: Fri, 21 Feb 2025 15:29:34 +0000 Subject: [PATCH] simplified languages.html. Language wrappers now handled by languageEntry --- HowToAddNewLanguage.md | 2 +- src/main/resources/static/css/navbar.css | 45 ++++++++++ .../templates/fragments/languageEntry.html | 7 ++ .../templates/fragments/languages.html | 83 ++++++++++--------- .../resources/templates/fragments/navbar.html | 2 +- src/main/resources/templates/login.html | 2 +- 6 files changed, 97 insertions(+), 44 deletions(-) create mode 100644 src/main/resources/templates/fragments/languageEntry.html diff --git a/HowToAddNewLanguage.md b/HowToAddNewLanguage.md index f23e56cd..c1fb7c12 100644 --- a/HowToAddNewLanguage.md +++ b/HowToAddNewLanguage.md @@ -16,7 +16,7 @@ Then add a reference to the language in the navbar by adding a new language entr For example, to add Polish, you would add: ```html - Polski +
``` The `data-bs-language-code` is the code used to reference the file in the next step. diff --git a/src/main/resources/static/css/navbar.css b/src/main/resources/static/css/navbar.css index ce8965b7..5933f4e4 100644 --- a/src/main/resources/static/css/navbar.css +++ b/src/main/resources/static/css/navbar.css @@ -83,6 +83,51 @@ vertical-align: middle; } + +.scalable-languages-container { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* Auto-fill columns, with a minimum width of 180px */ +} + +.lang-dropdown-item-wrapper { + border-right: 2px solid var(--md-sys-color-inverse-surface); +} + +/* Responsive adjustments */ +@media (min-width: 1200px){ + .lang_dropdown-mw{ + min-width: 800px + } +} + +@media (max-width: 600px) { + .scalable-languages-container { + grid-template-columns: repeat(2, 1fr); + } + + .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) { + border-right: 0px + } +} + +@media (min-width: 601px) and (max-width: 900px) { + .scalable-languages-container { + grid-template-columns: repeat(3, 1fr); + } + .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) { + border-right: 0px +} +} +@media (min-width: 901px) { + .scalable-languages-container { + grid-template-columns: repeat(4, 1fr); + } + + .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(4n) { + border-right: 0px + } +} + .dropdown-item .icon-text { text-wrap: wrap; word-break: break-word; diff --git a/src/main/resources/templates/fragments/languageEntry.html b/src/main/resources/templates/fragments/languageEntry.html new file mode 100644 index 00000000..410b6a6c --- /dev/null +++ b/src/main/resources/templates/fragments/languageEntry.html @@ -0,0 +1,7 @@ + +
+ + +
+ diff --git a/src/main/resources/templates/fragments/languages.html b/src/main/resources/templates/fragments/languages.html index 2e1d9272..939e5ad6 100644 --- a/src/main/resources/templates/fragments/languages.html +++ b/src/main/resources/templates/fragments/languages.html @@ -1,42 +1,43 @@ - Български - العربية - Català - 简体中文 - 繁體中文 - བོད་ཡིག - Azərbaycan Dili - Dansk - Deutsch - English (GB) - English (US) - Euskara - Español - Français - Indonesia - Irish - Italiano - Nederlands - پارسی - Polski - Português (BR) - Português (PT) - Romanian - Slovensky - Slovenian - Svenska - Türkçe - Русский - 한국어 - 日本語 - Ελληνικά - Hungarian - हिन्दी - Srpski - Українська - Česky - Hrvatski - Norsk - ไทย - Tiếng Việt - +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html index 403a8df3..09160ee2 100644 --- a/src/main/resources/templates/fragments/navbar.html +++ b/src/main/resources/templates/fragments/navbar.html @@ -143,7 +143,7 @@
-
+
diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html index 919e8dac..52ff60c6 100644 --- a/src/main/resources/templates/login.html +++ b/src/main/resources/templates/login.html @@ -138,7 +138,7 @@