Tooltip Layout overlay #7

superx/style/sx_common.css

@@ -557,7 +557,7 @@ input.ndSchluesselfeld {
 .field.has-addons .control .select select, .input,
 .field.has-addons .control .button { 
     height: 2.5em; 
-    border: thin solid hsl(0, 0%, 71%); } /*hellgrau*/
+    border: thin solid hsl(0, 0%, 71%);  /*hellgrau*/
 }
 
 .field.has-addons .control:not(:last-child) {
@@ -568,6 +568,12 @@ input.ndSchluesselfeld {
   height: 2.5em; /* entspricht der Höhe des Eingabeldes*/
 }
 
+[data-tooltip]:not(.is-disabled).has-tooltip-right::before, 
+[data-tooltip]:not(.is-loading).has-tooltip-right::before, 
+[data-tooltip]:not([disabled]).has-tooltip-right::before,
+[data-tooltip]:not(.is-disabled).has-tooltip-left::before, 
+[data-tooltip]:not(.is-loading).has-tooltip-left::before, 
+[data-tooltip]:not([disabled]).has-tooltip-left::before,
 [data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, 
 [data-tooltip]:not(.is-loading).has-tooltip-bottom::before, 
 [data-tooltip]:not([disabled]).has-tooltip-bottom::before {
@@ -576,16 +582,17 @@ input.ndSchluesselfeld {
   position: absolute;
   z-index: 1000;
   padding: 1.0em;
-  background-color: royalblue /*#333*/;
+  background-color: #a6a6a6ff; /*UDE: #a6a6a6ff; sx-regulär:royalblue;*/
   color: white;
   border-radius: 0.3em;
   white-space: wrap;
   text-align: left;  
-  width: 250px;
+  width: 25em;
   height: fit-content;
   white-space: wrap;         	/* für Zeilenumbrüche nach Standard-Regeln*/
   overflow-wrap: break-word;   	/* aktuell: für Umbrüche nach Standard-Regeln*/ 
-  hyphens: auto; }
+  hyphens: auto; 
+}
  
 /*Listen*/
 ul {