Wrap text in dropdown

eea · Nov 8, 2021 · 0f27d89 · 0f27d89
1 parent ceeb1b9
commit 0f27d89
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 3 deletions.
diff --git a/src/components/manage/Blocks/FiltersBlock/styles.less b/src/components/manage/Blocks/FiltersBlock/styles.less
@@ -173,6 +173,12 @@
       text-overflow: ellipsis;
       white-space: nowrap;
     }
+
+    .menu {
+      .text {
+        white-space: pre-wrap !important;
+      }
+    }
   }
 
   .actions {

diff --git a/src/components/manage/Blocks/NavigationBlock/View.jsx b/src/components/manage/Blocks/NavigationBlock/View.jsx
@@ -27,7 +27,10 @@ const View = ({ location, data, navigation }) => {
     <Menu className="navigation-block">
       <MenuWrapper data={data}>
         {items.map((item) => (
-          <Menu.Item key={item.url} active={pathname === getBaseUrl(item.url)}>
+          <Menu.Item
+            key={item.url}
+            active={pathname.includes(getBaseUrl(item.url))}
+          >
             <UniversalLink
               href={`${item.url}${location.search}`}
               ignoreScroll={data.ignoreScroll}

diff --git a/src/components/manage/Blocks/NavigationBlock/styles.less b/src/components/manage/Blocks/NavigationBlock/styles.less
@@ -64,16 +64,21 @@
   > .ui.menu.navigation-block {
     @textColor: var(--text-color, @blue);
     height: 100%;
-    border: 1px solid @textColor;
+    // border: 2px solid @textColor;
     border-radius: 2em;
 
     .item {
       flex: 1;
       justify-content: center;
       padding: 0;
-      margin: -1px;
+      margin: 0;
+      margin-top: 0 !important;
+      margin-bottom: 0 !important;
+      margin-left: 0 !important;
+      margin-right: 0 !important;
       border-radius: 0;
       transition: background-color 0.2s ease-in-out;
+      background: #fff;
 
       a {
         display: inline-block;