simpliified presentations to be a PresBox with PresElementBoxes.

1 files changed, 75 insertions, 0 deletions

diff --git a/src/client/views/presentationview/PresElementBox.scss b/src/client/views/presentationview/PresElementBox.scss
new file mode 100644
index 000000000..c7d846718
--- /dev/null
+++ b/src/client/views/presentationview/PresElementBox.scss
@@ -0,0 +1,75 @@
+.presElementBox-item {
+    padding: 10px;
+    display: inline-block;
+    width: 100%;
+    outline-color: maroon;
+    outline-style: dashed;
+    -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;
+
+    .documentView-node {
+        position: absolute;
+        z-index: 1;
+    }
+}
+
+.presElementBox-item-above {
+    border-top: black 2px solid;
+}
+
+.presElementBox-item-below {
+    border-bottom: black 2px solid;
+}
+
+.presElementBox-item:hover {
+    transition: all .1s;
+    background: #AAAAAA;
+    border-radius: 12px;
+}
+
+.presElementBox-selected {
+    background: gray;
+    color: black;
+    border-radius: 12px;
+    box-shadow: black 2px 2px 5px;
+}
+
+
+.presElementBox-icon {
+    float: right;
+}
+
+.presElementBox-interaction {
+    color: gray;
+    float: left;
+}
+
+.presElementBox-interaction-selected {
+    color: white;
+    float: left;
+}
+
+.presElementBox-name {
+    font-size: 15px;
+    display: inline-block;
+}
+
+.presElementBox-embedded {
+    position: relative;
+    margin-top: 15;
+}
+
+.presElementBox-embeddedMask {
+    width:100%;
+    height:100%;
+    position: absolute;
+    left:0;
+    top:0;
+    background: transparent;
+    z-index:2;
+}
\ No newline at end of file