Updated cards from tuesch changes. Incorporated InteractionMapper memory leak fix.

2019-08-13 14:31:03 +02:00
parent 03be6673c5
commit 30c7113713
193 changed files with 21151 additions and 474 deletions
@@ -0,0 +1,52 @@
+/**
+    The essential.scss defines proerties that
+    are essential for the basic features of an 
+    info card and are completely 
+*/
+.unselectable {
+    user-select: none;
+}
+
+.info-card {
+    position: absolute;
+    user-select: none;
+}
+
+.zoomable-wrapper {
+    display: inline-block;
+    align-self: center;
+
+    figure {
+        // Is required that the zoomable tween works properly.
+        display: inline-block;
+    }
+
+    // Problem with display-block is, that it produces spaces
+    // when elements contain a linebreak. Setting the font-size
+    // to 0 prevents that.
+    font-size: 0;
+
+    figcaption {
+        font-size: initial;
+    }
+
+    //Discuss: There is a weird div that needs to be scaled
+    // alongside. Maybe this introduces the jittering of the graphic.
+    // Try to get rid of it
+    // - SO
+    & > figure > div {
+        height: 100%;
+    }
+
+    svg {
+        overflow: visible;
+        width: 100%;
+        height: 100%;
+    }
+}
+
+div {
+    // Resets a weird styling, when certain elements
+    // are (long) clicked on using a touch screen.
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}