commit c4f6f7514c90a029e0db292e30d0afb92c62460d
author Marc Kupietz <kupietz@ids-mannheim.de> Tue Mar 21 17:56:34 2023 +0100
committer Marc Kupietz <kupietz@ids-mannheim.de> Wed Apr 26 14:13:43 2023 +0200
tree d36ee8098671f0eb4b9c76e22d99cf74d4902606
parent f577e67eb7f211936eb25ffea4804518fb515fa3

Enable tooltips

Change-Id: Icf702e87ded80800134875676ab429f7264ce6af

static/main.css

diff --git a/static/main.css b/static/main.css
index 8cf4629..80a188c 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,16 +1,22 @@
-body {
-}
+body {}
+
 #reload_captcha {
-  display: inline;
+    display: inline;
 }
+
 #main_container {
-  width: clamp(400px,70%,700px);
-  margin-bottom: 200px;
-  margin-top: 20px;
+    width: clamp(400px, 70%, 700px);
+    margin-bottom: 200px;
+    margin-top: 20px;
 }
 
 
 .bg-my {
   background-color: #2F9C97;
   color: white;
-}
\ No newline at end of file
+}
+
+.tooltip {
+    font-size: 11pt;
+    line-height: 1.1;
+}

static/main.js

diff --git a/static/main.js b/static/main.js
index e83a584..7ed582c 100644
--- a/static/main.js
+++ b/static/main.js
@@ -2,6 +2,8 @@
 (function() {
     'use strict';
     window.addEventListener('load', function() {
+        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
         update_total_due();
         update_paper_id_field();
         // Fetch all the forms we want to apply custom Bootstrap validation styles to