Make inside blocks EditBlockWrapper toolbar more intuitive

eea · Mar 22, 2021 · e163f2b · e163f2b
1 parent fb8f600
commit e163f2b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/ColumnsBlock/ColumnsBlockEdit.jsx b/src/ColumnsBlock/ColumnsBlockEdit.jsx
@@ -29,7 +29,7 @@ import { COLUMNSBLOCK } from '@eeacms/volto-columns-block/constants';
 import { variants } from '@eeacms/volto-columns-block/grid';
 import { makeStyleSchema, getStyle } from '@eeacms/volto-columns-block/Styles';
 
-import tuneSVG from '@plone/volto/icons/tune.svg';
+import tuneSVG from '@plone/volto/icons/configuration.svg';
 import upSVG from '@plone/volto/icons/up.svg';
 
 import './styles.less';

diff --git a/src/ColumnsBlock/styles.less b/src/ColumnsBlock/styles.less
@@ -115,15 +115,15 @@
 
 .block-toolbar {
   position: absolute;
-  z-index: 2;
-  left: 0px;
+  z-index: 3;
+  left: -9px;
   display: flex;
+  padding: 5px;
   border: none;
-  margin-top: -34px;
-  margin-bottom: 8px;
-  background-color: #8dd7ef;
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px;
+  border: 1px solid #78c0d7bf;
+  border-bottom: 1px solid #fff;
+  margin-top: -45px;
+  background-color: #fff;
 
   .ui.basic.button {
     padding: 3px;