From d9f148d84f743bf61bdaafb23f02a161a7d964c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tillmann=20D=C3=B6nicke?=
<tillmann.doenicke@uni-goettingen.de>
Date: Fri, 22 Mar 2024 09:51:41 +0000
Subject: [PATCH] feat(styles): upgrade notetext styles
---
scenarios/xslt/edxml2html/css/styles.css | 48 +++++++++++++++---------
1 file changed, 30 insertions(+), 18 deletions(-)
diff --git a/scenarios/xslt/edxml2html/css/styles.css b/scenarios/xslt/edxml2html/css/styles.css
index 9ccb378..881b0a3 100644
--- a/scenarios/xslt/edxml2html/css/styles.css
+++ b/scenarios/xslt/edxml2html/css/styles.css
@@ -295,28 +295,40 @@ hr.metamark-line.doubleLine {
/*----- Kommentare als tooltip -----*/
+div:has(> .philology.section) {
+ overflow: hidden;
+}
+
.note {
- position: relative;
- display: inline-block;
- border-bottom: 1px dotted black;
+ display: block;
+ position: relative;
}
.note .notetext {
- visibility: hidden;
- width: 120px;
- background-color: black;
- color: #fff;
- text-align: center;
- border-radius: 6px;
- padding: 5px 0;
-
- /* Position the note */
- position: absolute;
- z-index: 1;
+ &::-webkit-scrollbar {
+ display: none; /* Safari and Chrome */
+ }
+ -moz-border-radius: 3px;
+ -ms-overflow-style: none; /* Internet Explorer 10+ */
+ -webkit-border-radius: 3px;
+ background-color: var(--sub-blue);
+ border-radius: 3px;
+ color: white;
+ font-size: small;
+ max-height: 33vh;
+ overflow: scroll;
+ padding: 5px 0;
+ position: absolute;
+ scrollbar-width: none; /* Firefox */
+ text-align: left;
+ visibility: hidden;
+ width: max(8vw, 80px);
+ word-wrap: break-word;
+ z-index: 1;
}
.note:hover .notetext {
- visibility: visible;
+ visibility: visible;
}
/*----------------------------------{ ITEMS: WORDS }--------------------------------*/
@@ -329,9 +341,9 @@ hr.metamark-line.doubleLine {
/*::::::::::::::::::::::::::::::::::{ TEI: Transcriptional }::::::::::::::::::::::::::::::::*/
.g[data-cert="uncertain"]:after {
- content: "?";
- font-size: small;
- vertical-align: super;
+ content: "?";
+ font-size: small;
+ vertical-align: super;
}
.surface .tei::before,
--
GitLab