New tooltips

2018-04-12 19:08:08 +02:00
parent 4a23b57655
commit 9d57548f1d
12 changed files with 131 additions and 20 deletions
--- a/customize.dist/src/less2/include/tippy.less
+++ b/customize.dist/src/less2/include/tippy.less
@@ -0,0 +1,57 @@
+@import (once) './creation.less';
+
+.tippy_main() {
+    .tippy-tooltip.cryptpad-theme {
+        /* Your styling here. Example: */
+        background-color: white;
+        box-shadow: 2px 2px 10px #000;
+        //border: 1px solid #BBB;
+        //border-radius: 0;
+        //border: 2px solid orange;
+        font-weight: bold;
+        color: #333;
+        [x-circle] {
+            background-color: unset;
+        }
+    }
+    /*
+    .tippy-popper[x-placement=top] {
+        .tippy-tooltip.cryptpad-theme  {
+            margin-bottom: 12px;
+            [x-arrow] {
+                bottom: -12px;
+                transform: scale(2);
+            }
+        }
+    }
+    .tippy-popper[x-placement=bottom] {
+        .tippy-tooltip.cryptpad-theme  {
+            margin-top: 12px;
+            [x-arrow] {
+                top: -12px;
+                transform: scale(2);
+            }
+        }
+    }
+    */
+    .tippy-popper[x-placement=right] {
+        max-width: 200px;
+/*        .tippy-tooltip.cryptpad-theme  {
+            margin-left: 12px;
+            [x-arrow] {
+                left: -12px;
+                transform: scale(2);
+            }
+        }*/
+    }
+    .tippy-popper[x-placement=left] {
+        max-width: 200px;
+/*        .tippy-tooltip.cryptpad-theme  {
+            margin-right: 12px;
+            [x-arrow] {
+                right: -12px;
+                transform: scale(2);
+            }
+        }*/
+    }
+}