Fix preferences tabs display on small screens

[galette.git] / ui / semantic / galette / collections / menu.overrides

diff --git a/ui/semantic/galette/collections/menu.overrides b/ui/semantic/galette/collections/menu.overrides
index e368d4e722956b34c5ada4d9756bc109bbaba92f..bcbbb4e0ee1aa84f764169d539d527a8322b34dd 100644 (file)
--- a/ui/semantic/galette/collections/menu.overrides
+++ b/ui/semantic/galette/collections/menu.overrides
@@ -68,6 +68,18 @@
     color: @hoveredTextColor;
 }
 
+/* -----------------------------------------------
+      Wrapping pointing inverted tabbed menus
+------------------------------------------------ */
+.ui.wrapping.menu.tabbed .item:last-child,
+.ui.wrapping.menu.tabbed .item:last-of-type {
+  border-right-color: transparent !important;
+}
+.ui.wrapping.menu.tabbed .item::before {
+  right: 0;
+  left: auto;
+}
+
 /*------------------
      Pagination
 -------------------*/