mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-30 01:35:32 +00:00
Added Search Page. Final Version for 1st internal relaese
This commit is contained in:
Simon Martens
@@ -37,6 +37,34 @@
|
||||
@apply bg-slate-100 dark:bg-zinc-900
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commenthead .ha-letlinks {
|
||||
@apply desktop:bg-slate-50 dark:bg-slate-900 dark:text-slate-50
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commenthead .ha-letlinks::before {
|
||||
@apply bg-hamannSlate-500 dark:bg-slate-500
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commenthead .ha-letlinks.ha-expanded-box {
|
||||
@apply shadow-md dark:shadow-lg
|
||||
}
|
||||
|
||||
.ha-search .ha-btn-collapsed-box {
|
||||
@apply hidden desktop:block absolute -top-[0.15rem] cursor-pointer mt-0.5
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
|
||||
@apply text-slate-900 dark:text-white
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-comment .ha-commenthead .ha-letlinks a {
|
||||
@apply hover:text-hamannSlate-900 dark:hover:text-gray-200 no-underline hover:underline
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-comment .ha-commenthead .ha-letlinks {
|
||||
@apply text-slate-700 dark:text-white
|
||||
}
|
||||
|
||||
/* NON THEME RULES */
|
||||
.ha-search .ha-searchhead {
|
||||
@apply pt-9 md:pt-12 px-9 md:px-16 border-b-2
|
||||
@@ -58,8 +86,40 @@
|
||||
@apply border-b-4
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-searchfilter {
|
||||
@apply w-[34rem] mb-4 md:mb-7
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-searchfilter .ha-searchfilterinfo {
|
||||
@apply border p-2 mb-1.5 hyphenate text-sm
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-searchfilter .ha-searchform {
|
||||
@apply py-1 flex flex-row gap-x-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-searchfilter .ha-searchform input {
|
||||
@apply px-1 border grow min-w-0
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .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-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-activefilterinfo {
|
||||
@apply font-sans text-base bg-slate-200 px-1 rounded my-1
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-reversefilter {
|
||||
@apply inline-block text-right decoration-dotted underline hover:decoration-solid
|
||||
}
|
||||
|
||||
.ha-search .ha-searchhead .ha-searchfilter .ha-alternativesearches a {
|
||||
@apply block text-base underline decoration-dotted hover:decoration-solid
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody {
|
||||
@apply pt-4 clear-both flex flex-row gap-x-4
|
||||
@apply pt-4 md:pr-[29rem] pb-9 md:pb-12 rounded-b-sm
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist {
|
||||
@@ -89,23 +149,6 @@
|
||||
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
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistentryheader .ha-letterlistautopsic {
|
||||
@apply text-3xl font-bold grow
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-letterlist .ha-letterlistentry .ha-letterlistentryheader .ha-letterlistpills {
|
||||
@apply grow-0
|
||||
}
|
||||
|
||||
.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 {
|
||||
|
||||
@@ -123,83 +166,96 @@
|
||||
@apply inline-block pl-4
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist {
|
||||
@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-commentlist {
|
||||
@apply pt-2 md:pt-4 px-9 md:px-16 numeric-mediaeval font-serif
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-filtertitle {
|
||||
@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 {
|
||||
@apply inline-block text-sm ml-2
|
||||
}
|
||||
|
||||
/* .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter {
|
||||
@apply bg-slate-100
|
||||
} */
|
||||
|
||||
/* .ha-search .ha-searchbody .ha-filterlist .ha-gotofilter .ha-filtertitle {
|
||||
@apply inline-block border-none
|
||||
} */
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form {
|
||||
@apply font-sans py-1 pl-1 pr-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form .ha-gototext {
|
||||
@apply inline-block font-sans mr-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-gotofilter form input {
|
||||
@apply w-14 px-1 border
|
||||
}
|
||||
|
||||
.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-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform {
|
||||
@apply py-1 pl-1 pr-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform > span {
|
||||
@apply whitespace-nowrap
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform input {
|
||||
@apply w-14 px-1 border
|
||||
}
|
||||
|
||||
.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-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-zhsearchfilter .ha-zhform select {
|
||||
@apply px-1
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform {
|
||||
@apply py-1 pl-1 pr-2 flex flex-row gap-x-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-searchfilter .ha-searchform input {
|
||||
@apply px-1 border grow min-w-0
|
||||
}
|
||||
|
||||
.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-gray-600
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist {
|
||||
@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 !transition-none
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(odd) {
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment {
|
||||
@apply block mb-9 md:mb-12
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment a {
|
||||
@apply underline decoration-dotted hover:decoration-solid
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-headcomment {
|
||||
@apply desktop:relative block
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-subcomment {
|
||||
@apply desktop:relative block ml-8 mt-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-commenthead {
|
||||
@apply block
|
||||
}
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-commenthead .ha-lemma {
|
||||
@apply inline font-bold
|
||||
}
|
||||
|
||||
.ha-search
|
||||
.ha-searchbody
|
||||
.ha-forschung
|
||||
.ha-comment
|
||||
.ha-commenthead
|
||||
.ha-lemma {
|
||||
@apply inline font-normal;
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-forschung .ha-comment {
|
||||
@apply mb-4 md:mb-6 -indent-4 pl-4
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-commenthead .ha-letlinks {
|
||||
@apply inline-block font-normal text-xs md:text-sm leading-snug font-sans caps-allpetite ml-2 mt-1
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-commenthead .ha-letlinks::before {
|
||||
@apply absolute mt-1 top-[0.1rem] bottom-[0.1rem] left-0 w-0.5 content-['']
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist
|
||||
.ha-comment
|
||||
.ha-commenthead
|
||||
.ha-letlinks
|
||||
.ha-hkb {
|
||||
@apply inline
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist
|
||||
.ha-headcomment
|
||||
.ha-commenthead
|
||||
.ha-letlinks {
|
||||
@apply desktop:left-[48rem]
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist
|
||||
.ha-subcomment
|
||||
.ha-commenthead
|
||||
.ha-letlinks {
|
||||
@apply desktop:left-[46rem]
|
||||
}
|
||||
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-commenthead .ha-letlinks {
|
||||
@apply desktop:indent-0 desktop:top-0 desktop:w-80 desktop:block desktop:absolute pl-2
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-comment .ha-commenthead .ha-letlinks a {
|
||||
@apply hover:text-slate-900
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-headcomment .ha-btn-collapsed-box {
|
||||
@apply left-[47.6rem]
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-subcomment .ha-btn-collapsed-box {
|
||||
@apply left-[45.6rem]
|
||||
}
|
||||
|
||||
.ha-search .ha-searchbody .ha-commentlist .ha-btn-collapsed-box {
|
||||
@apply hidden desktop:block absolute -top-[0.15rem] cursor-pointer
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user