mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-30 09:45:32 +00:00
Added a lot of stuff
This commit is contained in:
@@ -1364,6 +1364,7 @@ body {
|
||||
.ha-lettertext {
|
||||
position: relative;
|
||||
margin-left: 1rem;
|
||||
max-width: 38rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
||||
padding-left: 1rem;
|
||||
@@ -1383,6 +1384,22 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-lettertext {
|
||||
max-width: 45rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-lettertext.ha-minwidth {
|
||||
min-width: 38rem;
|
||||
}
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-lettertext.ha-minwidth {
|
||||
min-width: 45rem;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-marginals {
|
||||
position: relative;
|
||||
margin-left: 1rem;
|
||||
@@ -1495,8 +1512,7 @@ body {
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
position: absolute;
|
||||
right: -21rem;
|
||||
margin-right: 1rem;
|
||||
right: -20rem;
|
||||
margin-top: 0.25rem;
|
||||
display: none;
|
||||
width: 19rem;
|
||||
@@ -1526,8 +1542,8 @@ body {
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
right: -28rem;
|
||||
width: 24rem;
|
||||
right: -26rem;
|
||||
width: 23rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1800,8 +1816,7 @@ body {
|
||||
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
position: absolute;
|
||||
right: -21rem;
|
||||
margin-right: 1rem;
|
||||
right: -20rem;
|
||||
margin-top: 0.25rem;
|
||||
display: none;
|
||||
width: 19rem;
|
||||
@@ -1831,8 +1846,8 @@ body {
|
||||
|
||||
@media (min-width: 1190px) {
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
right: -28rem;
|
||||
width: 24rem;
|
||||
right: -26rem;
|
||||
width: 23rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -486,7 +486,11 @@
|
||||
}
|
||||
|
||||
.ha-lettertext {
|
||||
@apply sm:shrink-0 sm:border-l-2 ml-4 sm:ml-12 px-4 pt-4 pb-8 relative font-serif leading-[1.48] bg-slate-50 numeric-mediaeval;
|
||||
@apply max-w-[38rem] desktop:max-w-[45rem] sm:shrink-0 sm:border-l-2 ml-4 sm:ml-12 px-4 pt-4 pb-8 relative font-serif leading-[1.48] bg-slate-50 numeric-mediaeval;
|
||||
}
|
||||
|
||||
.ha-lettertext.ha-minwidth {
|
||||
@apply min-w-[38rem] desktop:min-w-[45rem]
|
||||
}
|
||||
|
||||
.ha-marginals {
|
||||
@@ -542,7 +546,7 @@
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
|
||||
@apply absolute -right-[21rem] desktop:-right-[28rem] w-[19rem] desktop:w-[24rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 mr-4 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap;
|
||||
@apply absolute -right-[20rem] desktop:-right-[26rem] w-[19rem] desktop:w-[23rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap;
|
||||
}
|
||||
|
||||
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal {
|
||||
@@ -689,7 +693,7 @@
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox {
|
||||
@apply absolute -right-[21rem] desktop:-right-[28rem] w-[19rem] desktop:w-[24rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 mr-4 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap;
|
||||
@apply absolute -right-[20rem] desktop:-right-[26rem] w-[19rem] desktop:w-[23rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap;
|
||||
}
|
||||
|
||||
.ha-lettertext .ha-marginalbox .ha-marginal {
|
||||
|
||||
@@ -157,22 +157,6 @@ const overlappingcollapsebox = function (selector, hoverfunction, parentbox) {
|
||||
collapsebox(clientrects[i][0], newlength);
|
||||
addbuttoncaollapsebox(clientrects[i][0], newlength, hoverfunction);
|
||||
}
|
||||
} else {
|
||||
if (boundigparent !== null) {
|
||||
let overlap = clientrects[i][1].bottom - boundigparent.bottom;
|
||||
console.log(clientrects[i][0]);
|
||||
console.log(pb);
|
||||
console.log(clientrects[i][1].bottom, boundigparent.bottom);
|
||||
console.log(overlap);
|
||||
if (overlap >= 0) {
|
||||
let newlength = clientrects[i][1].height - overlap;
|
||||
console.log(newlength);
|
||||
let remainder = newlength % lineheight;
|
||||
newlength = newlength - remainder;
|
||||
collapsebox(clientrects[i][0], newlength);
|
||||
addbuttoncaollapsebox(clientrects[i][0], newlength, hoverfunction);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
@@ -295,15 +279,16 @@ window.addEventListener("load", function () {
|
||||
// Letter View: Show / Hide Tabs
|
||||
let buttonlist = ["ha-lettertextbtn", "ha-additionsbtn", "ha-marginalsbtn"];
|
||||
let divlist = ["ha-lettertext", "ha-additions", "ha-marginals"];
|
||||
showhidebutton(
|
||||
"ha-lettertextbtn",
|
||||
"ha-lettertext",
|
||||
buttonlist,
|
||||
divlist,
|
||||
false
|
||||
);
|
||||
showhidebutton("ha-additionsbtn", "ha-additions", buttonlist, divlist, true);
|
||||
showhidebutton("ha-marginalsbtn", "ha-marginals", buttonlist, divlist, true);
|
||||
|
||||
if (this.document.getElementById("ha-lettertextbtn") !== null) {
|
||||
showhidebutton("ha-lettertextbtn", "ha-lettertext", buttonlist, divlist, false);
|
||||
showhidebutton("ha-additionsbtn", "ha-additions", buttonlist, divlist, true);
|
||||
showhidebutton("ha-marginalsbtn", "ha-marginals", buttonlist, divlist, true);
|
||||
} else {
|
||||
showhidebutton("ha-lettertextbtn", "ha-lettertext", buttonlist, divlist, true);
|
||||
showhidebutton("ha-additionsbtn", "ha-additions", buttonlist, divlist, false);
|
||||
showhidebutton("ha-marginalsbtn", "ha-marginals", buttonlist, divlist, true);
|
||||
}
|
||||
|
||||
// Theme: Get saved theme from memory and check the box accordingly
|
||||
// Register theme toggler
|
||||
|
||||
Reference in New Issue
Block a user