Started adding action bars

src/components/internal/Block.scss

@@ -19,4 +19,24 @@
       outline: 1px solid var(--grey-2);
     }
   }
+
+  &__edit-cover {
+  }
+
+  &__remove {
+    position: absolute;
+    left: 100%;
+    top: 0;
+    max-height: 100%;
+    height: auto;
+    width: auto;
+  }
+
+  &__sliders {
+    position: absolute;
+    right: 100%;
+    width: auto;
+    max-width: 100%;
+    height: auto;
+  }
 }

src/components/internal/Block.tsx

@@ -10,6 +10,8 @@ import {
   SbMode,
 } from '@components/TreeElement';
 
+import SbButton from './Button';
+
 import './Block.scss';
 
 interface BlockProps {
@@ -64,7 +66,13 @@ export default defineComponent({
 
     return () => (<div class={classes.value}>
       <div class="sb-block__edit-cover"></div>
-      <div class="sb-block__mover"></div>
+      <div class="sb-block__remove">
+        <SbButton>x</SbButton>
+      </div>
+      <div class="sb-block__sliders">
+        <SbButton>&gt;</SbButton>
+        <SbButton>&lt;</SbButton>
+      </div>
       <BlockComponent
         data={props.block.data}
         block-id={props.block.blockId}

src/components/internal/Toolbar.scss

@@ -1,6 +1,7 @@
 .sb-toolbar {
   position: absolute;
   bottom: 100%;
+  left: 0;
   width: auto;
   max-width: 100%;
   height: auto;