highlights, readjusted view, keyboard events

1 files changed, 24 insertions, 5 deletions

diff --git a/src/client/views/presentationview/PresElementBox.scss b/src/client/views/presentationview/PresElementBox.scss
index 6d37ede8a..0e58d77a0 100644
--- a/src/client/views/presentationview/PresElementBox.scss
+++ b/src/client/views/presentationview/PresElementBox.scss
@@ -1,6 +1,9 @@
 .presElementBox-item {
-    display: inline-block;
-    background-color: #eeeeee;
+    display: grid;
+    grid-template-rows: max-content max-content max-content;
+    background-color: #d0d0d0;
+    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+    position: relative;
     pointer-events: all;
     width: 100%;
     height: 100%;
@@ -17,6 +20,15 @@
     padding: 0px;
     padding-bottom: 3px;
 
+    .presElementBox-highlight {
+        position: absolute;
+        transform: translate(-100px, -6px);
+        z-index: -1;
+        width: calc(100% + 200px);
+        height: calc(100% + 12px);
+        background-color: #AEDDF8;
+    }
+
     .documentView-node {
         position: absolute;
         z-index: 1;
@@ -38,10 +50,9 @@
 }
 
 .presElementBox-active {
-    background: gray;
     color: black;
     border-radius: 6px;
-    box-shadow: black 2px 2px 5px;
+    border: solid 2px #5B9FDD;
 }
 
 .presElementBox-buttons {
@@ -88,6 +99,14 @@
     white-space: pre;
 }
 
+.presElementBox-time {
+    position: relative;
+    font-size: 8;
+    font-style: italic;
+    letter-spacing: normal;
+    left: 10px;
+}
+
 .presElementBox-embedded {
     position: relative;
     display: flex;
@@ -143,4 +162,4 @@
     display: flex;
     justify-content: center;
     align-items: center;
-}
+}
\ No newline at end of file