This commit is contained in:
Ludy87 2025-07-07 09:29:56 +02:00
parent 14a4bdfb1b
commit ef288759e6
No known key found for this signature in database
GPG Key ID: 92696155E0220F94
5 changed files with 95 additions and 90 deletions

View File

@ -86,7 +86,8 @@
.scalable-languages-container { .scalable-languages-container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); /* Auto-fill columns, with a minimum width of 180px */ /* Auto-fill columns, with a minimum width of 180px */
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
} }
.scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child { .scalable-languages-container:not(:has(> :nth-child(4))) .lang-dropdown-item-wrapper:last-child {
@ -106,11 +107,11 @@
} }
html[dir="ltr"] .lang-dropdown-item-wrapper { html[dir="ltr"] .lang-dropdown-item-wrapper {
border-right: 2px solid var(--md-nav-color-on-seperator); border-right: 2px solid var(--md-nav-color-on-separator);
} }
html[dir="rtl"] .lang-dropdown-item-wrapper { html[dir="rtl"] .lang-dropdown-item-wrapper {
border-left: 2px solid var(--md-nav-color-on-seperator); border-left: 2px solid var(--md-nav-color-on-separator);
} }
/* Responsive adjustments */ /* Responsive adjustments */
@ -124,9 +125,11 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
.scalable-languages-container { .scalable-languages-container {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
} }
.scalable-languages-container:not(:has(> :nth-child(2))) { .scalable-languages-container:not(:has(> :nth-child(2))) {
grid-template-columns: repeat(var(--count), 1fr) !important; grid-template-columns: repeat(var(--count), 1fr) !important;
} }
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) { .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(2n) {
border: 0px border: 0px
} }
@ -136,9 +139,11 @@ html[dir="rtl"] .lang-dropdown-item-wrapper {
.scalable-languages-container { .scalable-languages-container {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.scalable-languages-container:not(:has(> :nth-child(3))) { .scalable-languages-container:not(:has(> :nth-child(3))) {
grid-template-columns: repeat(var(--count), 1fr) !important; grid-template-columns: repeat(var(--count), 1fr) !important;
} }
.scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) { .scalable-languages-container .lang-dropdown-item-wrapper:nth-child(3n) {
border: 0px border: 0px
} }

View File

@ -72,7 +72,7 @@
--md-nav-on-section-color-word: rgba(28, 27, 31, var(--md-nav-on-section-color-opacity)); --md-nav-on-section-color-word: rgba(28, 27, 31, var(--md-nav-on-section-color-opacity));
--md-nav-section-color-ppt: rgba(255, 128, 0, var(--md-nav-section-color-opacity)); --md-nav-section-color-ppt: rgba(255, 128, 0, var(--md-nav-section-color-opacity));
--md-nav-on-section-color-ppt: rgba(28, 27, 31, var(--md-nav-on-section-color-opacity)); --md-nav-on-section-color-ppt: rgba(28, 27, 31, var(--md-nav-on-section-color-opacity));
--md-nav-color-on-seperator: rgb(24 28 34); --md-nav-color-on-separator: rgb(24 28 34);
--md-nav-background: rgb(15 20 26); --md-nav-background: rgb(15 20 26);
--favourite-add: #9ed18c; --favourite-add: #9ed18c;
--favourite-remove: palevioletred; --favourite-remove: palevioletred;

View File

@ -72,7 +72,7 @@
--md-nav-on-section-color-word: rgba(255, 251, 254, var(--md-nav-on-section-color-opacity)); --md-nav-on-section-color-word: rgba(255, 251, 254, var(--md-nav-on-section-color-opacity));
--md-nav-section-color-ppt: rgba(255, 128, 0, var(--md-nav-section-color-opacity)); --md-nav-section-color-ppt: rgba(255, 128, 0, var(--md-nav-section-color-opacity));
--md-nav-on-section-color-ppt: rgba(255, 251, 254, var(--md-nav-on-section-color-opacity)); --md-nav-on-section-color-ppt: rgba(255, 251, 254, var(--md-nav-on-section-color-opacity));
--md-nav-color-on-seperator: rgb(174, 178, 179); --md-nav-color-on-separator: rgb(174, 178, 179);
--md-nav-background: rgb(248 249 255); --md-nav-background: rgb(248 249 255);
--favourite-add: #25ab6c; --favourite-add: #25ab6c;
--favourite-remove: rgb(222, 94, 137); --favourite-remove: rgb(222, 94, 137);

View File

@ -22,7 +22,7 @@
background: var(--md-nav-background); background: var(--md-nav-background);
border-bottom-style: solid; border-bottom-style: solid;
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: var(--md-nav-color-on-seperator)"> border-color: var(--md-nav-color-on-separator)">
<div class="container " style="max-width: 100%;"> <div class="container " style="max-width: 100%;">
<a class="navbar-brand" th:href="${@contextPath}" style="display: flex;"> <a class="navbar-brand" th:href="${@contextPath}" style="display: flex;">
<img class="main-icon" th:src="@{'/favicon.svg'}" alt="icon"> <img class="main-icon" th:src="@{'/favicon.svg'}" alt="icon">

View File

@ -102,7 +102,7 @@
<div style="width:100%; overflow-x:visible;"> <div style="width:100%; overflow-x:visible;">
<div class="features-container" style=" border-top: 1px; <div class="features-container" style=" border-top: 1px;
border-top-style: solid; border-top-style: solid;
border-color: var(--md-nav-color-on-seperator); border-color: var(--md-nav-color-on-separator);
margin-top: 1rem; margin-top: 1rem;
"> ">
<div class="feature-rows"> <div class="feature-rows">