website: Glossary (#16007)

* website: Glossary fix minor issues wip Apply suggestion from @dominic-r Signed-off-by: Dominic R <dominic@sdko.org> anchor to param wip wip at least the lockfile changes now sure a-z first as tana asked idk why i switched in the first place wip wip lock lockfiles are hard wip please work no have? Revert "no have?" This reverts commit 743dbc1bc2900eedcc2c93af248e6afdec3688a3. * changed to sentence-case capitalization --------- Co-authored-by: Tana M Berry <tana@goauthentik.io>
2026-04-30 11:27:15 +02:00 · 2025-12-02 21:36:51 -05:00
parent d0ef8a8b8e
commit 96eb8dda0f
91 changed files with 2162 additions and 83 deletions
--- a/website/docusaurus-theme/theme/DocCardList/shared.module.css
+++ b/website/docusaurus-theme/theme/DocCardList/shared.module.css
@@ -0,0 +1,122 @@
+.errorState {
+    text-align: center;
+    padding: 2rem;
+    color: var(--ifm-color-danger);
+}
+
+.loadingState {
+    text-align: center;
+    padding: 2rem;
+    color: var(--ifm-color-secondary);
+}
+
+.glossaryShort {
+    margin-bottom: 0;
+    font-size: 1rem;
+    line-height: 1.5;
+}
+
+.glossaryShortMissing {
+    font-style: italic;
+    color: var(--ifm-color-secondary);
+}
+
+.glossaryLong {
+    color: var(--ifm-color-emphasis-700);
+}
+
+.glossaryLongMissing {
+    font-style: italic;
+    color: var(--ifm-color-secondary);
+}
+
+.glossaryLong p {
+    margin-bottom: 0.75rem;
+}
+
+.glossaryLong p:last-child {
+    margin-bottom: 0;
+}
+
+.expandButton {
+    background: none;
+    border: none;
+    color: var(--ifm-color-primary);
+    font-size: 0.85rem;
+    padding: 0;
+    margin-top: 0.75rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    transition: color 0.2s;
+}
+
+.expandButton:hover {
+    color: var(--ifm-color-primary-dark);
+    text-decoration: underline;
+}
+
+.cardContainer {
+    contain: layout style;
+    /* When visiting an anchor. So the title is not hidden.  */
+    scroll-margin-top: 120px;
+}
+
+.compactCard {
+    border: 1px solid var(--ifm-color-emphasis-300);
+}
+
+.compactCard .card__header {
+    padding: 0.75rem 1rem 0.5rem 1rem;
+}
+
+.compactCard .card__body {
+    padding: 0 1rem 0.75rem 1rem;
+}
+
+.compactCard {
+    border-color: var(--ifm-color-emphasis-400);
+}
+
+.anchorLink {
+    margin-left: 0.5rem;
+    color: var(--ifm-color-primary);
+    text-decoration: none;
+    font-weight: normal;
+    opacity: 0.6;
+    transition: opacity 0.2s;
+    display: inline-flex;
+    align-items: center;
+    vertical-align: middle;
+}
+
+.anchorLink:hover {
+    text-decoration: none;
+    color: var(--ifm-color-primary-dark);
+    opacity: 1;
+}
+
+.anchorLink svg {
+    display: block;
+}
+
+.authentikBadge {
+    display: inline-block;
+    margin-left: 0.5rem;
+    padding: 0.125rem 0.5rem;
+    font-size: 0.7rem;
+    font-weight: 600;
+    text-transform: lowercase;
+    background-color: var(--ifm-color-primary-lightest);
+    color: var(--ifm-color-primary-darkest);
+    border-radius: 0.25rem;
+    vertical-align: middle;
+    border: 1px solid var(--ifm-color-primary-light);
+}
+
+@media (max-width: 768px) {
+    .glossaryShort {
+        font-size: 1rem;
+    }
+}