WIP: element dragging & resizing

- currently enabled on #sheld when window is over 1000px wide.
- click top right gripper dots to drag sheld around
- resize with lower right size dragger.
- snaps to static view and hides grabbers when windows under 1000px
- position not remembered across sessions..yet
- updated styles on dice, options, and send_but

public/scripts/extensions/dice/style.css

@@ -8,7 +8,7 @@
     border: none;
     cursor: pointer;
     transition: 0.3s;
-    filter: brightness(0.7);
+    opacity: 0.7;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -17,6 +17,7 @@
 
 #roll_dice:hover {
     opacity: 1;
+    filter: brightness(1.2);
 }
 
 #dice_dropdown {

public/scripts/extensions/expressions/index.js

@@ -273,7 +273,7 @@ function onClickExpressionImage() {
 
 (function () {
     function addExpressionImage() {
-        const html = `<div class="expression-holder"><img class="expression"></div>`;
+        const html = `<div id="expression-holder" class="expression-holder"><img class="expression"></div>`;
         $('body').append(html);
     }
     function addSettings() {