mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-29 17:25:32 +00:00
Deployment v1
This commit is contained in:
Simon Martens
@@ -227,7 +227,7 @@
|
||||
}
|
||||
|
||||
.ha-index .ha-indexbody .ha-filterlist .ha-personfilter .ha-personlist {
|
||||
@apply max-h-[23rem] overflow-y-auto overflow-x-hidden py-1 pl-1 mr-2
|
||||
@apply max-h-[23rem] overflow-y-auto overflow-x-hidden py-1 pl-1 mr-2 transition-all
|
||||
}
|
||||
|
||||
.ha-index .ha-indexbody .ha-filterlist .ha-personfilter .ha-personlist a {
|
||||
@@ -235,6 +235,6 @@
|
||||
}
|
||||
|
||||
.ha-index .ha-indexbody .ha-filterlist .ha-personfilter .ha-personlist a:nth-child(odd) {
|
||||
@apply block
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
84
HaWeb/wwwroot/css/notifications.css
Normal file
84
HaWeb/wwwroot/css/notifications.css
Normal file
@@ -0,0 +1,84 @@
|
||||
@layer components {
|
||||
.ha-notifications {
|
||||
@apply fixed right-5 bottom-4 px-3 min-w-full
|
||||
}
|
||||
|
||||
.ha-notifications a {
|
||||
@apply underline decoration-dotted hover:decoration-solid
|
||||
}
|
||||
|
||||
|
||||
.ha-notifications .ha-notcontent {
|
||||
@apply absolute bottom-0 right-0 flex flex-row
|
||||
}
|
||||
|
||||
.ha-notifications.loading .ha-noticon {
|
||||
|
||||
}
|
||||
|
||||
.ha-notifications.green {
|
||||
|
||||
}
|
||||
|
||||
.ha-notifications.green .ha-noticon {
|
||||
@apply text-emerald-700
|
||||
}
|
||||
|
||||
.ha-notifications.orange {
|
||||
|
||||
}
|
||||
|
||||
.ha-notifications.orange .ha-noticon {
|
||||
@apply text-yellow-500
|
||||
}
|
||||
|
||||
.ha-notifications.red {
|
||||
|
||||
}
|
||||
|
||||
.ha-notifications.red .ha-noticon {
|
||||
@apply text-rose-600
|
||||
}
|
||||
|
||||
.ha-noticon {
|
||||
@apply w-5 inline-block pt-1 relative top-[2px] text-slate-400 transition-all duration-500
|
||||
}
|
||||
|
||||
.ha-noticon svg {
|
||||
@apply shadow-red-800 drop-shadow-md
|
||||
}
|
||||
|
||||
.ha-commslog {
|
||||
@apply shadow-md inline-block bg-slate-50 mr-2 px-2 py-0.5 opacity-0 transition-all duration-300 text-sm font-mono
|
||||
}
|
||||
|
||||
.ha-notifications:hover .ha-commslog {
|
||||
@apply !opacity-100
|
||||
}
|
||||
|
||||
.ha-notifications:hover .ha-noticon svg {
|
||||
@apply !opacity-100 drop-shadow-xl
|
||||
}
|
||||
}
|
||||
|
||||
.ha-notifications.visible .ha-commslog {
|
||||
|
||||
}
|
||||
|
||||
.ha-notifications.loading .ha-noticon {
|
||||
animation: ha-pulse 1.1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
||||
@keyframes ha-pulse {
|
||||
0%, 100% {
|
||||
opacity: .8;
|
||||
}
|
||||
50% {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-notifications.imp .ha-commslog {
|
||||
animation: ha-pulse 5s cubic-bezier(0.4, 0, 0.6, 1);
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -4,7 +4,7 @@
|
||||
|
||||
/* STYLES */
|
||||
.ha-scrollbutton {
|
||||
@apply opacity-0 transition-opacity duration-500 cursor-pointer fixed right-0 bottom-6 text-center py-2 pr-6 bg-slate-50 dark:bg-slate-700 dark:text-white px-2 shadow rounded-l-xl transition-all hover:shadow-md text-hamannSlate-700 hover:text-hamannSlate-500
|
||||
@apply opacity-0 transition-opacity duration-500 cursor-pointer fixed right-0 bottom-48 text-center py-2 pr-6 bg-slate-50 dark:bg-slate-700 dark:text-white px-2 shadow rounded-l-xl transition-all hover:shadow-md text-hamannSlate-700 hover:text-hamannSlate-500
|
||||
}
|
||||
|
||||
.ha-scrollbuttonarrow {
|
||||
|
||||
@@ -62,7 +62,7 @@
|
||||
}
|
||||
|
||||
.ha-location {
|
||||
@apply !text-hamannHighlight absolute text-xl hidden sm:inline-block
|
||||
@apply !text-hamannSlate-300 absolute text-xl hidden sm:inline-block
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -11,9 +11,10 @@
|
||||
@import "./register.css";
|
||||
@import "./letterhead.css";
|
||||
@import "./letter.css";
|
||||
@import "./upload.css";
|
||||
@import "./xmlstate.css";
|
||||
@import "./index.css";
|
||||
@import "./search.css";
|
||||
@import "./notifications.css";
|
||||
@import "./print.css";
|
||||
|
||||
@layer components {
|
||||
|
||||
@@ -1,203 +0,0 @@
|
||||
@layer components {
|
||||
/* COLORS */
|
||||
|
||||
|
||||
/* STYLES */
|
||||
.ha-adminuploadfields {
|
||||
@apply flex flex-row flex-wrap gap-x-4 gap-y-4
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield {
|
||||
@apply block shrink-0 grow bg-slate-50 rounded shadow basis-64 max-w-xs
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield:hover {
|
||||
@apply brightness-110
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield.active {
|
||||
@apply !text-black brightness-110 shadow-inner
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
|
||||
@apply px-3 pt-2 pb-1
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadusedfiles {
|
||||
@apply text-sm whitespace-nowrap overflow-hidden text-ellipsis w-auto bg-slate-200 border-t border-slate-300 bg-opacity-30 px-2 py-0.5
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
|
||||
@apply bg-slate-500 border-slate-500
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadpublishforms {
|
||||
@apply flex flex-row gap-x-4 grow
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform {
|
||||
@apply bg-slate-50 rounded shadow grow relative
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform .ha-uploadtext {
|
||||
@apply text-center
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
|
||||
@apply left-1/2 -ml-[20px]
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
|
||||
@apply inline-block px-4 py-1 pt-2 cursor-pointer w-full h-full hover:bg-slate-100
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform .ha-uploadmessage {
|
||||
@apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-publishbutton {
|
||||
@apply inline-block px-2 py-1 pt-2 cursor-pointer w-full h-full bg-slate-50 shadow shrink hover:bg-slate-100
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-publishbutton .ha-publishtext {
|
||||
@apply text-center
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
|
||||
@apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
|
||||
}
|
||||
|
||||
.ha-uploadheader {
|
||||
@apply bg-slate-50 w-full mt-4 px-16 pt-12 pb-8 flex flex-row
|
||||
}
|
||||
|
||||
.ha-uploadheader h1 {
|
||||
@apply text-5xl
|
||||
}
|
||||
|
||||
.ha-uploadcontainer {
|
||||
@apply w-full bg-slate-50 flex flex-col gap-y-2
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-publishfilelist {
|
||||
@apply px-16 mb-8
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
|
||||
@apply text-xl mb-2
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-publishfilelist td {
|
||||
@apply align-text-top pr-6
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
|
||||
@apply relative mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer float-right;
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-availablefiles {
|
||||
@apply px-16 border border-slate-200 hover:border-slate-800 py-2 cursor-pointer select-none
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-availablefiles .ha-availablefilestitle {
|
||||
@apply text-2xl
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-availablefiles .ha-usedfilelist {
|
||||
|
||||
}
|
||||
|
||||
.ha-filesheader {
|
||||
@apply mb-4
|
||||
}
|
||||
|
||||
.ha-availablefileslist {
|
||||
@apply px-16 pt-4
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings {
|
||||
@apply flex flex-row gap-x-2
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors,
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-warnings {
|
||||
@apply basis-1/2 min-w-[40%] min-h-[400px] overflow-x-hidden overflow-y-scroll grow shrink
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
|
||||
@apply bg-red-200
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-warnings {
|
||||
@apply bg-orange-200
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-crossfilechecking {
|
||||
@apply w-full bg-cyan-200 grow shrink-0 h-full min-h-[400px]
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-hamannfilechooser {
|
||||
@apply px-16 pb-16
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-setendyearform {
|
||||
@apply px-16 pb-16 float-right
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-setendyearform .ha-setendyearbutton {
|
||||
@apply mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer
|
||||
}
|
||||
|
||||
/* Classes for FileList Component */
|
||||
.ha-filelistfieldset {
|
||||
|
||||
}
|
||||
|
||||
.ha-filelistfieldset .ha-filelistlegend {
|
||||
@apply mb-2 text-xl
|
||||
}
|
||||
|
||||
.ha-selectfilesform {
|
||||
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile {
|
||||
@apply flex flex-row gap-x-4 px-1 items-center
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile:nth-child(even) {
|
||||
@apply bg-slate-100
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistlist {
|
||||
@apply h-96 overflow-x-hidden overflow-y-scroll pr-4
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistname {
|
||||
@apply font-mono
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
|
||||
@apply text-sm
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
|
||||
@apply inline-block border rounded-md text-teal-600 border-teal-600 px-2 mr-2
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistused {
|
||||
@apply inline-block border rounded-md text-indigo-600 border-indigo-600 px-2
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
|
||||
@apply grow text-right
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistoutput {
|
||||
@apply mt-4 ml-6
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistbutton {
|
||||
@apply mt-4 ml-6 rounded-md px-3 border-2 border-blue-600 hover:border-2 hover:shadow active:shadow-inner hover:border-blue-800 cursor-pointer float-right;
|
||||
}
|
||||
}
|
||||
180
HaWeb/wwwroot/css/xmlstate.css
Normal file
180
HaWeb/wwwroot/css/xmlstate.css
Normal file
@@ -0,0 +1,180 @@
|
||||
@layer components {
|
||||
.ha-xmlstateheader {
|
||||
@apply bg-slate-50 w-full mt-4 px-16 pt-12 pb-8 flex flex-row
|
||||
}
|
||||
|
||||
.ha-xmlstateheader h1 {
|
||||
@apply text-5xl
|
||||
}
|
||||
|
||||
.ha-managedfiles {
|
||||
@apply mt-4 border border-slate-300 px-4 py-3
|
||||
}
|
||||
|
||||
.ha-repo {
|
||||
@apply relative
|
||||
}
|
||||
|
||||
.ha-repodata {
|
||||
@apply bg-slate-50 px-3.5 py-1 w-max shadow
|
||||
}
|
||||
|
||||
.ha-repodata div {
|
||||
|
||||
}
|
||||
|
||||
.ha-repodata a {
|
||||
@apply underline decoration-dotted
|
||||
}
|
||||
|
||||
.ha-repofilecount {
|
||||
@apply absolute right-0 bottom-0 bg-slate-50 px-3 py-1 shadow
|
||||
}
|
||||
|
||||
.ha-managedfileslist {
|
||||
@apply flex flex-col gap-3 mt-3
|
||||
}
|
||||
|
||||
.ha-managedfileheader {
|
||||
@apply flex flex-row gap-2 bg-slate-50 pl-3.5 pr-2.5 rounded-md py-1 w-full shadow-md select-none border-b
|
||||
}
|
||||
|
||||
.ha-managedfileheader.expandable {
|
||||
@apply cursor-pointer rounded-none !rounded-t-md border-b
|
||||
}
|
||||
|
||||
.ha-managedfileheader.orange {
|
||||
@apply border-b border-orange-300 bg-orange-50
|
||||
}
|
||||
|
||||
.ha-managedfileheader.orange .ha-filestatusicon svg {
|
||||
@apply text-orange-700 !pt-0
|
||||
}
|
||||
|
||||
.ha-managedfileheader.red {
|
||||
@apply border-b border-red-400 bg-red-50
|
||||
}
|
||||
|
||||
.ha-managedfileheader.red .ha-filestatusicon svg {
|
||||
@apply text-red-700 !pt-[0rem]
|
||||
}
|
||||
|
||||
.ha-managedfileheader.green {
|
||||
@apply bg-teal-50
|
||||
}
|
||||
|
||||
.ha-managedfileheader.green .ha-filestatusicon svg {
|
||||
@apply text-green-700
|
||||
}
|
||||
|
||||
.ha-managedfileheader.expandable.red+.ha-managedfileannotations {
|
||||
@apply bg-red-100
|
||||
}
|
||||
|
||||
.ha-managedfileannotations {
|
||||
@apply hidden font-mono w-full text-base px-4 pt-1.5 pb-1 rounded-b-md shadow bg-orange-100 overflow-x-hidden overflow-y-auto max-h-72
|
||||
}
|
||||
|
||||
.ha-managedfileannotations table {
|
||||
@apply text-left w-full
|
||||
}
|
||||
|
||||
.ha-managedfileannotations table td,
|
||||
.ha-managedfileannotations table th {
|
||||
@apply pr-4
|
||||
}
|
||||
|
||||
.ha-managedfileannotations table th {
|
||||
@apply border-b border-black
|
||||
}
|
||||
|
||||
|
||||
.ha-managedfileheader.expandable.expanded+.ha-managedfileannotations {
|
||||
@apply block
|
||||
}
|
||||
|
||||
.ha-managedfile div:first-child {
|
||||
@apply grow
|
||||
}
|
||||
.ha-managedfile .ha-filestatusicon {
|
||||
@apply w-5 pt-[.14rem]
|
||||
}
|
||||
|
||||
.ha-scbutton {
|
||||
@apply mt-4 rounded-md px-4 py-1 border-2 bg-blue-600 shadow-blue-100 hover:shadow-blue-200 duration-500 text-slate-50 shadow-md hover:shadow-xl active:shadow-inner hover:border-blue-600 cursor-pointer absolute bottom-4 right-6 transition-all hover:ease-in-out;
|
||||
}
|
||||
|
||||
.ha-scbutton.loading {
|
||||
@apply shadow-blue-100 saturate-[.8] shadow-xl transition-all ease-in-out border-blue-600;
|
||||
}
|
||||
|
||||
/* Classes for FileList Component */
|
||||
.ha-filelistfieldset {
|
||||
@apply bg-slate-50 px-3 py-2 mt-4
|
||||
}
|
||||
|
||||
.ha-filelistfieldset .ha-filelistlegend {
|
||||
@apply pb-2 text-xl
|
||||
}
|
||||
|
||||
.ha-selectfilesform {
|
||||
@apply relative
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile {
|
||||
@apply flex flex-row gap-x-4 px-1 items-center
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile:nth-child(even) {
|
||||
@apply bg-slate-100
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistlist {
|
||||
@apply h-96 overflow-x-hidden overflow-y-scroll
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistname {
|
||||
@apply font-mono
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction {
|
||||
@apply text-sm
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistusedproduction .ha-filelistproduction {
|
||||
@apply inline-block border rounded-md text-teal-600 border-teal-600 px-2 mr-2
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistfile .ha-filelistmodified {
|
||||
@apply grow text-right
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistoutput {
|
||||
@apply mt-4 ml-6
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistbutton {
|
||||
@apply mt-4 rounded-md px-4 py-1 border-2 bg-blue-600 shadow-blue-100 hover:shadow-blue-200 duration-500 text-slate-50 shadow-md hover:shadow-xl active:shadow-inner hover:border-blue-600 cursor-pointer absolute bottom-4 right-6 transition-all hover:ease-in-out;
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistbutton.loading {
|
||||
@apply shadow-blue-100 saturate-[.8] shadow-xl transition-all ease-in-out border-blue-600;
|
||||
}
|
||||
}
|
||||
|
||||
.ha-scbutton.loading {
|
||||
animation: ha-pulse .7s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
||||
.ha-selectfilesform .ha-filelistbutton.loading {
|
||||
animation: ha-pulse .7s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
}
|
||||
|
||||
@keyframes ha-pulse {
|
||||
0%, 100% {
|
||||
opacity: .8;
|
||||
}
|
||||
50% {
|
||||
opacity: .6;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user