mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-30 01:35:32 +00:00
Redesign of letter search page; minor bug fixes (see README)
This commit is contained in:
Simon Martens
@@ -1,10 +1,45 @@
|
||||
@layer components {
|
||||
/* THEME OPTIONS */
|
||||
|
||||
.ha-search {
|
||||
@apply bg-slate-50
|
||||
@apply bg-slate-50 dark:bg-slate-900
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult:nth-child(even) {
|
||||
@apply bg-slate-100 dark:bg-slate-900
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult:nth-child(odd) {
|
||||
@apply bg-slate-50 dark:bg-slate-900
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry {
|
||||
@apply bg-slate-100 dark:bg-slate-900 dark:border-none border-r border-b border-gray-200
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-searchnav a.active {
|
||||
@apply dark:!text-white hover:dark:!text-white dark:font-bold
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:hover {
|
||||
@apply border-gray-300
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a {
|
||||
@apply hover:!bg-slate-200 dark:hover:!bg-slate-800
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a.active {
|
||||
@apply dark:!text-white dark:font-bold
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(odd) {
|
||||
@apply bg-slate-100 dark:bg-zinc-900
|
||||
}
|
||||
|
||||
/* NON THEME RULES */
|
||||
.ha-search .ha-searchhead {
|
||||
@apply pt-9 md:pt-12 px-9 md:px-16 border-b-2
|
||||
@apply pt-9 md:pt-12 px-9 md:px-16 border-b-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead h1 {
|
||||
@@ -24,11 +59,11 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody {
|
||||
@apply pt-4 pr-4 clear-both flex flex-row gap-x-4
|
||||
@apply pt-4 clear-both flex flex-row gap-x-4
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist {
|
||||
@apply pl-6 pb-4 basis-2/3 grow-0
|
||||
@apply pb-4 basis-2/3 grow-0
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:not(:first-child) {
|
||||
@@ -36,9 +71,26 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry {
|
||||
@apply block border
|
||||
@apply rounded-sm block pt-3 transition-all duration-100
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry:hover {
|
||||
@apply transition-all duration-100
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterhead {
|
||||
@apply pb-3 px-3 pl-6
|
||||
}
|
||||
|
||||
input, select {
|
||||
@apply dark:!bg-zinc-900 dark:border-none
|
||||
}
|
||||
|
||||
button {
|
||||
@apply dark:!bg-zinc-900 dark:!border-zinc-800
|
||||
}
|
||||
|
||||
/* Old stuff
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistentryheader {
|
||||
@apply border-b flex flex-row py-1 px-2 bg-slate-100
|
||||
}
|
||||
@@ -53,14 +105,14 @@
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistletterdata {
|
||||
@apply px-2 py-1
|
||||
}
|
||||
} */
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults {
|
||||
@apply px-2 py-1
|
||||
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult {
|
||||
|
||||
@apply px-6 py-1 bg-slate-50 block
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult .ha-searchresultlocation {
|
||||
@@ -68,19 +120,15 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistsearchresults .ha-letterlistsearchresult .ha-searchresultpreview {
|
||||
@apply inline-block pl-2
|
||||
@apply inline-block pl-4
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist {
|
||||
@apply flex flex-col gap-y-5 pb-4 float-right max-w-lg basis-1/3 min-w-0 shrink
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist > div {
|
||||
@apply border border-slate-200 hover:shadow transition-shadow duration-200 bg-slate-50
|
||||
@apply hidden md:flex flex-col gap-y-5 pb-4 float-right max-w-lg basis-1/3 min-w-0 shrink
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-filtertitle {
|
||||
@apply text-2xl px-3 pb-2 pt-3 font-serif leading-none border-b bg-slate-100
|
||||
@apply text-2xl pr-4 pl-1 mb-1 pb-1 pt-3 font-serif leading-none border-b border-gray-400
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-reversefilter {
|
||||
@@ -96,7 +144,7 @@
|
||||
} */
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form {
|
||||
@apply font-sans py-2 px-3 bg-slate-50
|
||||
@apply font-sans py-1 pl-1 pr-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form .ha-gototext {
|
||||
@@ -108,11 +156,11 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form button {
|
||||
@apply float-right inline-block px-2 border bg-slate-50 disabled:bg-gray-200 border-slate-200 hover:border-black disabled:hover:border-slate-200 disabled:text-slate-600
|
||||
@apply float-right inline-block px-2 border bg-slate-50 disabled:bg-gray-200 border-slate-200 hover:border-black disabled:hover:border-slate-200 disabled:text-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform {
|
||||
@apply py-2 px-3
|
||||
@apply py-1 pl-1 pr-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform > span {
|
||||
@@ -124,7 +172,7 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform button {
|
||||
@apply float-right px-2 border bg-slate-50 border-slate-200 disabled:bg-gray-200 hover:border-black disabled:hover:border-slate-200 disabled:text-slate-600
|
||||
@apply float-right px-2 border bg-slate-50 border-slate-200 disabled:bg-gray-200 hover:border-black disabled:hover:border-slate-200 disabled:text-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform select {
|
||||
@@ -132,7 +180,7 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform {
|
||||
@apply py-2 px-3 flex flex-row gap-x-2
|
||||
@apply py-1 pl-1 pr-2 flex flex-row gap-x-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform input {
|
||||
@@ -140,18 +188,18 @@
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform button {
|
||||
@apply float-right px-2 border border-slate-200 hover:border-black disabled:bg-gray-200 disabled:hover:border-slate-200 disabled:text-slate-600
|
||||
@apply float-right px-2 border border-slate-200 hover:border-black disabled:bg-gray-200 disabled:hover:border-slate-200 disabled:text-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist {
|
||||
@apply max-h-64 overflow-y-auto overflow-x-hidden pb-2
|
||||
@apply max-h-[23rem] overflow-y-auto overflow-x-hidden py-1 pl-1 mr-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a {
|
||||
@apply block px-3 hover:!bg-slate-200 !transition-none
|
||||
@apply block px-3 !transition-none
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(even) {
|
||||
@apply block bg-slate-100
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(odd) {
|
||||
@apply block
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user