From 7ec5cfc2cac986509fc4811d92db1539a8fb699d Mon Sep 17 00:00:00 2001
From: MareWie <93517434+MareWie@users.noreply.github.com>
Date: Wed, 13 Nov 2024 12:24:32 +0100
Subject: [PATCH] replaced caution fields with warning signs
---
docs/GESIS_AppKit_Manual.qmd | 8 +-
docs/index.html | 679 ++++++-----------------------------
2 files changed, 123 insertions(+), 564 deletions(-)
diff --git a/docs/GESIS_AppKit_Manual.qmd b/docs/GESIS_AppKit_Manual.qmd
index d2c858a..60599d7 100644
--- a/docs/GESIS_AppKit_Manual.qmd
+++ b/docs/GESIS_AppKit_Manual.qmd
@@ -188,7 +188,7 @@ Bei den Icons muss es sich um .png-Dateien mit [genau]{.underline} 1024 x 1024 P
Unter dem Abschnitt "In-App Texte" müssen Sie-, verschiedene Texte anpassen, die den Studienteilnehmenden direkt in der App angezeigt werden.
-::: callout-caution
+::: {.callout-important title="Achtung"}
Sie können diese Felder nicht leer lassen!
:::
@@ -433,7 +433,7 @@ Nehmen Sie folgende Einstellungen vor:
Kommt es beim Speichern zu einer Fehlermeldung ist es zuverlässiger, den Dialog zum Eingeben des Items neu zu starten, indem über „Fragebogen erstellen“ die Eingabe frisch begonnen wird.
:::
-::: callout-caution
+::: {.callout-warning title="Wichtig"}
Wenn Sie innerhalb eines Containers mehrere Fotos hochladen lassen wollen, legen Sie für jeden Upload unbedingt ein neues Item an. Bei mehrfacher Verwendung desselben Items innerhalb eines Containers kann es ansonsten vorkommen, dass das zuerst hochgeladene Foto darauf folgende Uploads verhindert.
:::
@@ -475,8 +475,8 @@ Nehmen Sie folgende Einstellungen vor:
- Haben Sie mehrere Items ausgewählt, können Sie die Reihenfolge beliebig per Drag&Drop verändern.
-::: callout-caution
-Wenn Sie Fragen innerhalb eines Containers wiederholt werden möchten, müssen Sie das Element erneut anlegen. Dies gilt insbesondere für das Hochladen von Fotos und Freitexteingaben.
+::: {.callout-warning title="Wichtig"}
+Wenn Sie Fragen innerhalb eines Containers wiederholt stellen möchten, müssen Sie das Element erneut anlegen. Dies gilt insbesondere für das Hochladen von Fotos und Freitexteingaben.
:::
::: {.callout-important title="Achtung"}
diff --git a/docs/index.html b/docs/index.html
index a1f0e93..83bd51e 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -2,7 +2,7 @@
-
+
@@ -26,7 +26,7 @@
}
pre > code.sourceCode { white-space: pre; position: relative; }
-pre > code.sourceCode > span { line-height: 1.25; }
+pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
pre > code.sourceCode > span:empty { height: 1.2em; }
.sourceCode { overflow: visible; }
code.sourceCode > span { color: inherit; text-decoration: inherit; }
@@ -79,7 +79,7 @@
// Find any conflicting margin elements and add margins to the
// top to prevent overlap
const marginChildren = window.document.querySelectorAll(
- ".column-margin.column-container > *, .margin-caption, .aside"
+ ".column-margin.column-container > * "
);
let lastBottom = 0;
@@ -88,14 +88,25 @@
// clear the top margin so we recompute it
marginChild.style.marginTop = null;
const top = marginChild.getBoundingClientRect().top + window.scrollY;
+ console.log({
+ childtop: marginChild.getBoundingClientRect().top,
+ scroll: window.scrollY,
+ top,
+ lastBottom,
+ });
if (top < lastBottom) {
- const marginChildStyle = window.getComputedStyle(marginChild);
- const marginBottom = parseFloat(marginChildStyle["marginBottom"]);
- const margin = lastBottom - top + marginBottom;
+ const margin = lastBottom - top;
marginChild.style.marginTop = `${margin}px`;
}
const styles = window.getComputedStyle(marginChild);
const marginTop = parseFloat(styles["marginTop"]);
+
+ console.log({
+ top,
+ height: marginChild.getBoundingClientRect().height,
+ marginTop,
+ total: top + marginChild.getBoundingClientRect().height + marginTop,
+ });
lastBottom = top + marginChild.getBoundingClientRect().height + marginTop;
}
}
@@ -105,15 +116,7 @@
// Recompute the position of margin elements anytime the body size changes
if (window.ResizeObserver) {
const resizeObserver = new window.ResizeObserver(
- throttle(() => {
- layoutMarginEls();
- if (
- window.document.body.getBoundingClientRect().width < 990 &&
- isReaderMode()
- ) {
- quartoToggleReader();
- }
- }, 50)
+ throttle(layoutMarginEls, 50)
);
resizeObserver.observe(window.document.body);
}
@@ -969,10 +972,10 @@
}
-
-
-
-
-
+
-
+:root {--dark-blue: #003C78; --pink: #D20064; }a {color: var(--pink); text-decoration: none;}p a,header a,.author a {color: var(--dark-blue) !important; text-decoration: none; }p a:hover,header a:hover,.author a:hover {text-decoration: underline; }body, p {font-family: 'Source Sans Pro', sans-serif;font-weight: 400; font-size: 1em; line-height: 1.6; color: var(--dark-blue); margin-bottom: 1em;}h1, h2, h3, h4, h5, h6 {font-family: 'Cabin', sans-serif;font-weight: 700; color: var(--dark-blue); margin-top: 1.5em;margin-bottom: 0.75em;}em {font-style: italic;}strong {font-weight: bold;}a:hover {text-decoration: underline; }.callout-yellow, .callout-orange, .callout-turquoise,.callout-rust, .callout-olive, .callout-rose, .callout-petrol {border-left: 6px solid;padding: 1em;margin: 1.5em 0;border-radius: 4px;background-color: #f9f9f9; }.callout-yellow {border-left-color: #FAD205;}.callout-orange {border-left-color: #F08741;}.callout-turquoise {border-left-color: #64AFAF;}.callout-rust {border-left-color: #AA4137;}.callout-olive {border-left-color: #699E6E;}.callout-rose {border-left-color: #C873A0;}.callout-petrol {border-left-color: #006A82;}.callout-yellow h2, .callout-orange h2, .callout-turquoise h2,.callout-rust h2, .callout-olive h2, .callout-rose h2, .callout-petrol h2 {margin-top: 0;color: inherit;}.callout-yellow p, .callout-orange p, .callout-turquoise p,.callout-rust p, .callout-olive p, .callout-rose p, .callout-petrol p {margin: 0.5em 0 0 0;}:root {--yellow: #FAD205;--orange: #F08741;--olive: #699E6E;--rust: #AA4137;}.callout-caution {border-left-color: #FAD205;background-color: rgba(250, 210, 5, 0.1); }.callout-caution .callout-title {background-color: #FAD205; color: #333; }.callout-important {border-left-color: #F08741;background-color: rgba(240, 135, 65, 0.1); }.callout-important .callout-title {background-color: #F08741; color: #fff; }.callout-warning {border-left-color: #AA4137;background-color: rgba(170, 65, 55, 0.1); }.callout-warning .callout-title {background-color: #AA4137; color: #fff; }.callout-tip {border-left-color: #64AFAF;.callout-caution,.callout-important,.callout-warning,.callout-tip {color: inherit; }.callout {border-left-width: 4px; padding: 1em;margin: 1.5em 0;border-radius: 4px;}
@@ -3373,10 +3136,10 @@ GESIS AppKit - Documentation & User Manual
@@ -3391,10 +3154,8 @@ GESIS AppKit - Documentation & User Manual
-
-
