Allerhand Kleinigkeiten; Einzelansichten Reihen u Personen; Bandansicht

This commit is contained in:
Simon Martens
2025-02-25 02:39:29 +01:00
parent 6b5fa3dbc3
commit 24f1e4fd55
33 changed files with 843 additions and 154 deletions

View File

@@ -121,6 +121,13 @@
@apply !text-gray-400;
}
#alphabet a[aria-current="page"]:not(.inactive):before {
aspect-ratio: 1;
clip-path: polygon(100% 80%, 80% 100%, 100% 100%);
content: " ";
@apply bg-red-600 absolute -bottom-[1px] -right-[1px] h-full z-30;
}
.headingcontainer:before {
content: "";
@apply bg-zinc-300 w-[50%] absolute top-0 left-[50%] h-[1px];
@@ -138,15 +145,15 @@
@apply border-l-4 border-zinc-300 font-bold;
}
.headingcontainer .notifier {
.notifier {
@apply bg-stone-100 text-center text-base px-2.5 py-1 font-sans rounded;
}
.headingcontainer .notifier i {
.notifier i {
@apply inline-block pr-0.5;
}
.headingcontainer .notifier .filterterm {
.notifier .filterterm {
@apply font-bold;
}
@@ -289,11 +296,11 @@
}
#persontype a {
@apply px-1.5 border-b-[5px] border-zinc-300 no-underline font-serif mx-2.5;
@apply px-1.5 border-b-[5px] border-transparent hover:border-zinc-200 no-underline font-serif mx-2.5;
}
#persontype a[aria-current="page"]:not(#persontype.inactive a) {
@apply font-bold;
@apply font-bold border-zinc-300;
}
#persontype.inactive a {
@@ -326,15 +333,15 @@
}
#personalphabet a:hover:not([aria-current="page"]:not(.inactive)) {
@apply !bg-stone-50 -ml-2 relative;
@apply !bg-stone-50 -ml-2 relative text-stone-900;
}
#personalphabet a.inactive {
@apply !text-gray-400;
@apply text-gray-400;
}
#entrydata .fieldlabel {
@apply font-bold text-base font-sans whitespace-nowrap w-60 grow-0 shrink-0 pt-0.5;
@apply font-bold text-base font-sans whitespace-nowrap min-w-48 grow-0 shrink-0 pt-0.5;
}
#entrydata .fieldvalue {
@@ -342,7 +349,7 @@
}
#entrydata .entryrow {
@apply flex flex-row gap-x-3.5 items-start py-0.5 px-4;
@apply flex flex-row gap-x-3.5 items-start py-0.5;
}
#entrydata {
@@ -351,4 +358,16 @@
int-link {
@apply text-slate-700 hover:text-slate-900 underline decoration-dotted hover:decoration-solid;
}
#breadcrumbs {
@apply w-full max-w-(--breakpoint-xl) mx-auto px-3 pb-4 relative pt-1.5;
}
#breadcrumbs > div {
@apply flex flex-row gap-x-2.5 justify-between;
}
#breadcrumbs .backbutton {
@apply ml-4 bg-stone-100 py-0.5 px-2.5 rounded font-sans text-base text-center mr-1.5;
}
}