WIP style improvements

eea · Jan 3, 2023 · d094645 · d094645
1 parent 07bef69
commit d094645
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 1 deletion.
diff --git a/src/SearchBlock/BlockContainer/BlockContainer.jsx b/src/SearchBlock/BlockContainer/BlockContainer.jsx
@@ -62,7 +62,7 @@ export default function BlockContainer(props) {
       blocksConfig={blocksConfig}
     />
   ) : (
-    <div>
+    <div className="block-wrapper">
       <NewBlockAddButton block={block} onMutateBlock={onChangeSlotfill} />
     </div>
   );

diff --git a/src/SearchBlock/BlockContainer/NewBlockAddButton.jsx b/src/SearchBlock/BlockContainer/NewBlockAddButton.jsx
@@ -29,6 +29,7 @@ const NewBlockAddButton = (props) => {
         <Button
           basic
           icon
+          title="Add block"
           onClick={() => setOpenMenu(true)}
           className="add-block-button"
           aria-label={`Add block in position ${block}`}

diff --git a/src/SearchBlock/edit.less b/src/SearchBlock/edit.less
@@ -12,6 +12,12 @@
   position: relative;
 
   .ui.tabular.menu {
+    border: none;
+
+    .item {
+      border: none;
+    }
+
     .ui.basic.button {
       border: 0px;
 
@@ -21,9 +27,22 @@
 
       &:hover {
         box-shadow: none;
+        background-color: transparent !important;
       }
     }
   }
+
+  .block-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .ui.basic.button.add-block-button {
+    &:hover {
+      box-shadow: none !important;
+    }
+  }
 }
 
 .searchlib-edit-overlay {