Theodor-Springmann-Stiftung/hamann-ausgabe-core
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git synced 2025-10-30 01:35:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reworked Publish View

Browse Source
This commit is contained in:
schnulller
2022-06-07 19:02:49 +02:00
parent d8155e26f6
commit 965ffd54f8
9 changed files with 185 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
HaWeb/wwwroot/css/output.css
View File

@@ -1870,6 +1870,9 @@ body {
.ha-adminuploadfields .ha-uploadfield.active {
--tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
--tw-brightness: brightness(1.1);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
@@ -1939,8 +1942,8 @@ body {
height: 100%;
width: 100%;
cursor: pointer;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 0.25rem;
padding-top: 0.5rem;
}
@@ -1960,43 +1963,33 @@ body {
line-height: 1.25rem;
}
.ha-adminuploadfields .ha-publishform {
position: relative;
flex-grow: 1;
border-radius: 0.25rem;
.ha-adminuploadfields .ha-publishbutton {
display: inline-block;
height: 100%;
width: 100%;
flex-shrink: 1;
cursor: pointer;
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-top: 0.5rem;
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ha-adminuploadfields .ha-publishform .ha-lds-ellipsis {
left: 50%;
margin-left: -20px;
}
.ha-adminuploadfields .ha-publishform .ha-publishfilelabel {
display: inline-block;
height: 100%;
width: 100%;
cursor: pointer;
padding-left: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.25rem;
padding-top: 0.5rem;
}
.ha-adminuploadfields .ha-publishform .ha-publishfilelabel:hover {
.ha-adminuploadfields .ha-publishbutton:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.ha-adminuploadfields .ha-publishform .ha-publishtext {
.ha-adminuploadfields .ha-publishbutton .ha-publishtext {
text-align: center;
}
.ha-adminuploadfields .ha-publishform .ha-publishmessage {
.ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
border-radius: 0.125rem;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.3;
@@ -2034,6 +2027,41 @@ body {
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.ha-uploadcontainer .ha-publishfilelist {
margin-bottom: 2rem;
padding-left: 4rem;
padding-right: 4rem;
}
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelisttitle {
margin-bottom: 0.5rem;
font-size: 1.25rem;
line-height: 1.75rem;
}
.ha-uploadcontainer .ha-publishfilelist td {
padding-right: 1.5rem;
vertical-align: text-top;
}
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel {
float: right;
margin-top: 1rem;
margin-left: 1.5rem;
cursor: pointer;
border-radius: 0.375rem;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(29 78 216 / var(--tw-border-opacity));
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.ha-uploadcontainer .ha-publishfilelist .ha-publishfilelabel:hover {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.ha-uploadcontainer .ha-availablefiles {
cursor: pointer;
border-width: 1px;
@@ -2179,9 +2207,14 @@ body {
text-align: right;
}
.ha-selectfilesform .ha-filelistoutput {
margin-top: 1rem;
margin-left: 1.5rem;
}
.ha-selectfilesform .ha-filelistbutton {
float: right;
margin-top: 0.5rem;
margin-top: 1rem;
margin-left: 1.5rem;
cursor: pointer;
border-radius: 0.375rem;

42
HaWeb/wwwroot/css/site.css
View File

@@ -679,7 +679,7 @@
}
.ha-adminuploadfields .ha-uploadfield.active {
@apply !text-black brightness-110
@apply !text-black brightness-110 shadow-inner
}
.ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
@@ -711,30 +711,22 @@
}
.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
@apply inline-block px-2 py-1 pt-2 cursor-pointer w-full h-full hover:bg-slate-100
@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-publishform {
@apply bg-slate-50 rounded shadow grow relative
.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-publishform .ha-lds-ellipsis {
@apply left-1/2 -ml-[20px]
}
.ha-adminuploadfields .ha-publishform .ha-publishfilelabel {
@apply inline-block px-2 py-1 pt-2 cursor-pointer w-full h-full hover:bg-slate-100
}
.ha-adminuploadfields .ha-publishform .ha-publishtext {
.ha-adminuploadfields .ha-publishbutton .ha-publishtext {
@apply text-center
}
.ha-adminuploadfields .ha-publishform .ha-publishmessage {
.ha-adminuploadfields .ha-publishbutton .ha-publishmessage {
@apply text-sm bg-slate-700 bg-opacity-30 px-1 rounded-sm
}
@@ -750,6 +742,22 @@
@apply w-full bg-slate-50 flex flex-col gap-y-2 h-full
}
.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 mt-4 ml-6 rounded-md px-3 border-2 border-blue-700 hover:bg-blue-300 cursor-pointer float-right;
}
.ha-uploadcontainer .ha-availablefiles {
@apply px-16 border border-slate-200 hover:border-slate-800 py-2 cursor-pointer
}
@@ -836,8 +844,12 @@
@apply grow text-right
}
.ha-selectfilesform .ha-filelistoutput {
@apply mt-4 ml-6
}
.ha-selectfilesform .ha-filelistbutton {
@apply mt-2 ml-6 rounded-md px-3 border-2 border-blue-700 hover:bg-blue-300 cursor-pointer float-right;
@apply mt-4 ml-6 rounded-md px-3 border-2 border-blue-700 hover:bg-blue-300 cursor-pointer float-right;
}
/* Classes for Letter View */