fix: improve css to fix eea design system visual bugs - refs #256753

* fix: improve css to fix eea design system visual bugs * chore: lint fix
eea · Sep 1, 2023 · c7aa518 · c7aa518
1 parent 802aa40
commit c7aa518
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 2 deletions.
diff --git a/src/plugins/zotero/editor/MasterDetailWidget.jsx b/src/plugins/zotero/editor/MasterDetailWidget.jsx
@@ -42,6 +42,7 @@ const makeList = (props, resultsType, handleClick, activeIndex) => {
               <div className="li-item">
                 <Image
                   avatar
+                  className="has--object-fit--contain"
                   src={item.icon ? iconsObj[item.icon] : iconsObj.zotero}
                 />
                 {item.label ? (

diff --git a/src/plugins/zotero/less/editor.less b/src/plugins/zotero/less/editor.less
@@ -1,3 +1,7 @@
+@type: 'collection';
+@element: 'menu';
+@import (multiple) '../../theme.config';
+
 .zotero-edit-node {
   background-color: #e6f3ff;
 }
@@ -38,6 +42,22 @@
     will-change: transform;
   }
 
+  .description .ui.button {
+    position: relative;
+  }
+
+  .pastanaga-menu-list {
+    .segment {
+      ul {
+        padding: 0;
+      }
+    }
+  }
+
+  .description .ui.button {
+    position: relative;
+  }
+
   .pastanaga-menu-list {
     ul {
       display: -ms-flexbox;
@@ -124,14 +144,26 @@
     flex: 1;
   }
 
+  .ui.menu .item {
+    padding: @itemVerticalPadding @itemHorizontalPadding;
+  }
+
+  .ui.menu .item {
+    padding: @itemVerticalPadding @itemHorizontalPadding;
+  }
+
   .li-item {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 10px 0 10px 5px;
-    cursor: pointer;
+    padding: 10px 0px;
+    cursor: auto;
     -ms-flex-align: center;
     -ms-flex-pack: justify;
+
+    img {
+      margin-right: 0.5em;
+    }
   }
 
   .sidebar-container & {