Add tooltips to disabled elements

2022-08-26 18:53:49 +01:00
parent 83d5f64db6
commit ab0fb195da
2 changed files with 29 additions and 10 deletions
--- a/core/templates/base.html
+++ b/core/templates/base.html
@@ -95,12 +95,20 @@
        border-bottom: 3px solid grey;
      }

-      /* @media screen and (min-width: 500px) {
-        .datetimepicker-wrapper {
-          position: absolute;
-          z-index: 100;
-        }
-      } */
+      .tooltiptext {
+        visibility: hidden;
+        background-color: black;
+        color: #fff;
+        text-align: center;
+        padding: 5px 0;
+        border-radius: 6px;
+        position: absolute;
+        z-index: 1;
+      }
+
+      .rounded-tooltip:hover .tooltiptext {
+        visibility: visible;
+      }
    </style>
  </head>
  <body>