fix: language selector border

RedTurtle · Feb 17, 2025 · ff5fece · ff5fece
1 parent b1a9aab
commit ff5fece
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/layout/Header/LanguageSelector.jsx b/src/components/layout/Header/LanguageSelector.jsx
@@ -54,7 +54,12 @@ const LanguageSelector = (props) => {
   );
 
   return config.settings.isMultilingual ? (
-    <UncontrolledDropdown nav tag="div" inNavbar>
+    <UncontrolledDropdown
+      nav
+      tag="div"
+      inNavbar
+      className="is-language-selector"
+    >
       <DropdownToggle aria-haspopup caret inNavbar nav role="button">
         {languagesISO392[currentLang]}
         <Icon

diff --git a/src/theme/io-sanita/components/layout/_tertiaryMenu.scss b/src/theme/io-sanita/components/layout/_tertiaryMenu.scss
@@ -1,9 +1,11 @@
+$tertiary-menu-border: 1px solid #fff;
+
 .tertiary-menu {
   li.nav-item {
     display: flex;
     align-items: center;
     &:not(:last-of-type) {
-      border-right: 1px solid #fff;
+      border-right: $tertiary-menu-border;
     }
 
     a {
@@ -18,4 +20,10 @@
       }
     }
   }
+
+  &:has(+ .is-language-selector) {
+    li.nav-item:last-of-type {
+      border-right: $tertiary-menu-border;
+    }
+  }
 }