image upload functions w/ bugs

- choose an image does not immediately update
- close button does not move with rest of upload image

1 files changed, 50 insertions, 1 deletions

diff --git a/src/client/views/presentationview/PresElementBox.scss b/src/client/views/presentationview/PresElementBox.scss
index 1ddf3d8bc..ec82b0c51 100644
--- a/src/client/views/presentationview/PresElementBox.scss
+++ b/src/client/views/presentationview/PresElementBox.scss
@@ -122,7 +122,7 @@
         float: left;
         padding: 0px;
         width: 50;
-        height: 40;
+        height: 50;
     }
 
     .presElementBox-buttons .presElementBox-interaction-selected {
@@ -133,4 +133,53 @@
         height: 50;
         border: solid 1px darkgray;
     }
+
+    .presElementBox-closeIcon {
+        border-radius: 20px;
+        transform: scale(1.5);
+        position: absolute;
+        right: 10;
+        top: 10;
+        padding: 8px;
+    }
+
+    .presElementBox-buttons {
+        display: inline-flex;
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 50%;
+    }
+
+    .presElementBox-name {
+        font-size: 30px;
+        position: absolute;
+        display: inline-block;
+        top: 10px;
+        width: 50%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: pre;
+    }
+
+    .presElementBox-item {
+        display: inline-block;
+        background-color: #eeeeee;
+        pointer-events: all;
+        width: 100%;
+        min-height: 100%;
+        height: max-content;
+        outline-color: maroon;
+        outline-style: dashed;
+        border-radius: 6px;
+        -webkit-touch-callout: none;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        transition: all .1s;
+        padding: 0px;
+        padding-bottom: 3px;
+    }
 }
\ No newline at end of file