mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-30 17:55:32 +00:00
Creaded Upload Interface; Also added Wrapper around HaDocument to reload the Document
This commit is contained in:
schnulller
@@ -1835,6 +1835,243 @@ body {
|
||||
line-height: 1.375;
|
||||
}
|
||||
|
||||
/* Classes for Upload View */
|
||||
|
||||
.ha-adminuploadfields {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
-moz-column-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield {
|
||||
display: block;
|
||||
max-width: 20rem;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
flex-basis: 16rem;
|
||||
border-radius: 0.25rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
||||
--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-uploadfield:hover {
|
||||
--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);
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield.active {
|
||||
--tw-text-opacity: 1 !important;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
|
||||
--tw-shadow-color: #fee2e2;
|
||||
--tw-shadow: var(--tw-shadow-colored);
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadfield .ha-uploadfieldname {
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadusedfiles {
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
border-top-width: 1px;
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(203 213 225 / var(--tw-border-opacity));
|
||||
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
|
||||
--tw-bg-opacity: 0.3;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
padding-top: 0.125rem;
|
||||
padding-bottom: 0.125rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadusedfiles.ha-uploadusedfilesnotfound {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(100 116 139 / var(--tw-border-opacity));
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadpublishforms {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 1rem;
|
||||
column-gap: 1rem;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
border-radius: 0.25rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
||||
--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-uploadform .ha-uploadtext {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform .ha-lds-ellipsis {
|
||||
left: 50%;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-uploadform .ha-uploadfilelabel {
|
||||
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-uploadform .ha-uploadmessage {
|
||||
border-radius: 0.125rem;
|
||||
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
||||
--tw-bg-opacity: 0.3;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.ha-adminuploadfields .ha-publishform {
|
||||
flex-grow: 1;
|
||||
border-radius: 0.25rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
||||
padding-left: 0.75rem;
|
||||
padding-right: 0.75rem;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 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-uploadheader {
|
||||
margin-top: 1rem;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-direction: row;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
||||
padding-left: 4rem;
|
||||
padding-right: 4rem;
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.ha-uploadheader h1 {
|
||||
font-size: 3rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheader {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist {
|
||||
margin-left: 1.5rem;
|
||||
margin-bottom: 0.25rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-end;
|
||||
-moz-column-gap: 0.5rem;
|
||||
column-gap: 0.5rem;
|
||||
row-gap: 0.25rem;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-usedfilesheaderfile {
|
||||
border-radius: 0.25rem;
|
||||
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
||||
--tw-bg-opacity: 0.3;
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-availablefilechooser {
|
||||
border-radius: 0.25rem;
|
||||
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
|
||||
--tw-bg-opacity: 0.5;
|
||||
padding-right: 0.25rem;
|
||||
font-size: 0.875rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-availablefilechooser .ha-loadotherfilesbtn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ha-uploadcontainer {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
row-gap: 0.5rem;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 0.5rem;
|
||||
column-gap: 0.5rem;
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors, .ha-uploadcontainer .ha-errorswarnings .ha-warnings {
|
||||
min-height: 400px;
|
||||
min-width: 40%;
|
||||
flex-shrink: 1;
|
||||
flex-grow: 1;
|
||||
flex-basis: 50%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-criticalerrors {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(254 202 202 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-errorswarnings .ha-warnings {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(254 215 170 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.ha-uploadcontainer .ha-crossfilechecking {
|
||||
height: 100%;
|
||||
min-height: 400px;
|
||||
width: 100%;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 1;
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(165 243 252 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
/* Classes for Letter View */
|
||||
|
||||
.ha-letterheader {
|
||||
@@ -2801,6 +3038,10 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.h-full {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.h-8 {
|
||||
height: 2rem;
|
||||
}
|
||||
@@ -2817,10 +3058,6 @@ body {
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
.max-w-\[25\%\] {
|
||||
max-width: 25%;
|
||||
}
|
||||
|
||||
.shrink-0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -2857,10 +3094,6 @@ body {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.gap-5 {
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
.overflow-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -3063,6 +3296,8 @@ body {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Content */
|
||||
|
||||
.ha-lettertext .ha-marginalbox:before {
|
||||
content: "";
|
||||
}
|
||||
@@ -3107,6 +3342,8 @@ body {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Not implemented in tailwindcss */
|
||||
|
||||
* {
|
||||
-webkit-text-decoration-skip-ink: all;
|
||||
text-decoration-skip-ink: all;
|
||||
@@ -3117,10 +3354,6 @@ body {
|
||||
background-repeat: repeat;
|
||||
}
|
||||
|
||||
/* ul {
|
||||
list-style-type:circle;
|
||||
} */
|
||||
|
||||
.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
|
||||
.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
|
||||
display: -webkit-inline-box;
|
||||
@@ -3214,6 +3447,8 @@ body {
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
/* Symbols, Icons, Drawings, Tooltips */
|
||||
|
||||
.ha-menu-arrowsymbol::after {
|
||||
display: inline-block;
|
||||
margin-left: 0.2em;
|
||||
@@ -3276,11 +3511,154 @@ body {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.ha-text {
|
||||
-webkit-user-select: contain;
|
||||
-moz-user-select: contain;
|
||||
-ms-user-select: element;
|
||||
user-select: contain;
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
|
||||
content: "\200E+ ";
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
background-color: lightslategray;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
|
||||
.ha-uploadform .ha-uploadmessage {
|
||||
visibility: visible;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
border-radius: 6px;
|
||||
/* Position the tooltip text - see examples below! */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
margin-top: 0.5rem;
|
||||
width: 360px;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -180px;
|
||||
/* Use half of the width (120/2 = 60), to center the tooltip */
|
||||
opacity: 0;
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
.ha-uploadform .ha-uploadmessage::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
/* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent grey transparent;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
||||
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(1) {
|
||||
left: 6px;
|
||||
-webkit-animation: ha-lds-ellipsis1 0.6s infinite;
|
||||
animation: ha-lds-ellipsis1 0.6s infinite;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(2) {
|
||||
left: 4px;
|
||||
-webkit-animation: ha-lds-ellipsis2 0.6s infinite;
|
||||
animation: ha-lds-ellipsis2 0.6s infinite;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(3) {
|
||||
left: 16px;
|
||||
-webkit-animation: ha-lds-ellipsis2 0.6s infinite;
|
||||
animation: ha-lds-ellipsis2 0.6s infinite;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(4) {
|
||||
left: 30px;
|
||||
-webkit-animation: ha-lds-ellipsis3 0.6s infinite;
|
||||
animation: ha-lds-ellipsis3 0.6s infinite;
|
||||
}
|
||||
|
||||
@-webkit-keyframes ha-lds-ellipsis1 {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ha-lds-ellipsis1 {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ha-lds-ellipsis3 {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ha-lds-ellipsis3 {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes ha-lds-ellipsis2 {
|
||||
0% {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(16px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ha-lds-ellipsis2 {
|
||||
0% {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(16px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.ha-cross::before,
|
||||
.ha-cross::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ha-cross::before {
|
||||
transform: skewY(-27deg);
|
||||
}
|
||||
|
||||
/* Classes for tables */
|
||||
@@ -3819,15 +4197,6 @@ body {
|
||||
min-width: 8.333%;
|
||||
}
|
||||
|
||||
.ha-cross::before,
|
||||
.ha-cross::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ha-cross::before {
|
||||
transform: skewY(-27deg);
|
||||
}
|
||||
|
||||
.hover\:text-black:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||
@@ -3917,4 +4286,4 @@ body {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -664,6 +664,116 @@
|
||||
@apply flex leading-snug
|
||||
}
|
||||
|
||||
/* Classes for Upload View */
|
||||
.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 shadow-red-100
|
||||
}
|
||||
|
||||
.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-2 py-1 pt-2 cursor-pointer w-full h-full
|
||||
}
|
||||
|
||||
.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 px-3 py-2
|
||||
}
|
||||
|
||||
.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-uploadheader .ha-usedfilesheader {
|
||||
@apply flex
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist {
|
||||
@apply flex flex-row flex-wrap ml-6 gap-x-2 gap-y-1 self-end content-end mb-1
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-usedfilesheaderfile {
|
||||
@apply text-sm px-2 bg-slate-700 bg-opacity-30 rounded
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-availablefilechooser {
|
||||
@apply text-sm pr-1 bg-slate-700 bg-opacity-50 rounded
|
||||
}
|
||||
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-availablefilechooser .ha-loadotherfilesbtn {
|
||||
@apply inline-block
|
||||
}
|
||||
|
||||
.ha-uploadcontainer {
|
||||
@apply w-full bg-slate-50 flex flex-col gap-y-2 h-full
|
||||
}
|
||||
|
||||
.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]
|
||||
}
|
||||
|
||||
/* Classes for Letter View */
|
||||
|
||||
.ha-letterheader {
|
||||
@@ -1137,6 +1247,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Content */
|
||||
.ha-lettertext .ha-marginalbox:before {
|
||||
content: "";
|
||||
}
|
||||
@@ -1181,6 +1292,7 @@
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Not implemented in tailwindcss */
|
||||
* {
|
||||
text-decoration-skip-ink: all;
|
||||
}
|
||||
@@ -1190,10 +1302,6 @@ body {
|
||||
background-repeat: repeat;
|
||||
}
|
||||
|
||||
/* ul {
|
||||
list-style-type:circle;
|
||||
} */
|
||||
|
||||
.ha-tradzhtext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal,
|
||||
.ha-lettertext .ha-marginalbox.ha-collapsed-box .ha-marginallist .ha-marginal {
|
||||
display: -webkit-inline-box;
|
||||
@@ -1282,6 +1390,7 @@ body {
|
||||
break-inside: avoid;
|
||||
}
|
||||
|
||||
/* Symbols, Icons, Drawings, Tooltips */
|
||||
.ha-menu-arrowsymbol::after {
|
||||
display: inline-block;
|
||||
margin-left: 0.2em;
|
||||
@@ -1344,9 +1453,121 @@ body {
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
.ha-text {
|
||||
user-select: contain;
|
||||
.ha-uploadheader .ha-usedfilesheaderlist .ha-plussign {
|
||||
content: "\200E+ ";
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
background-color: lightslategray;
|
||||
padding-left: 0.25rem;
|
||||
padding-right: 0.25rem;
|
||||
}
|
||||
|
||||
/* Tooltip text */
|
||||
.ha-uploadform .ha-uploadmessage {
|
||||
visibility: visible;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
border-radius: 6px;
|
||||
|
||||
/* Position the tooltip text - see examples below! */
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
|
||||
margin-top: 0.5rem;
|
||||
width: 360px;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -180px; /* Use half of the width (120/2 = 60), to center the tooltip */
|
||||
|
||||
opacity: 0;
|
||||
transition: opacity 1s;
|
||||
}
|
||||
|
||||
.ha-uploadform .ha-uploadmessage::after {
|
||||
content: " ";
|
||||
position: absolute;
|
||||
bottom: 100%; /* At the top of the tooltip */
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent grey transparent;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.ha-lds-ellipsis {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(1) {
|
||||
left: 6px;
|
||||
animation: ha-lds-ellipsis1 0.6s infinite;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(2) {
|
||||
left: 4px;
|
||||
animation: ha-lds-ellipsis2 0.6s infinite;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(3) {
|
||||
left: 16px;
|
||||
animation: ha-lds-ellipsis2 0.6s infinite;
|
||||
}
|
||||
|
||||
.ha-lds-ellipsis div:nth-child(4) {
|
||||
left: 30px;
|
||||
animation: ha-lds-ellipsis3 0.6s infinite;
|
||||
}
|
||||
|
||||
@keyframes ha-lds-ellipsis1 {
|
||||
0% {
|
||||
transform: scale(0);
|
||||
}
|
||||
100% {
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ha-lds-ellipsis3 {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
}
|
||||
100% {
|
||||
transform: scale(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ha-lds-ellipsis2 {
|
||||
0% {
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
100% {
|
||||
transform: translate(16px, 0);
|
||||
}
|
||||
}
|
||||
|
||||
.ha-cross::before,
|
||||
.ha-cross::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ha-cross::before {
|
||||
-webkit-transform: skewY(-27deg);
|
||||
transform: skewY(-27deg);
|
||||
}
|
||||
|
||||
/* Classes for tables */
|
||||
.ha-table {
|
||||
overflow: hidden;
|
||||
@@ -1881,13 +2102,3 @@ body {
|
||||
left: 91.666%;
|
||||
min-width: 8.333%;
|
||||
}
|
||||
|
||||
.ha-cross::before,
|
||||
.ha-cross::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ha-cross::before {
|
||||
-webkit-transform: skewY(-27deg);
|
||||
transform: skewY(-27deg);
|
||||
}
|
||||
Reference in New Issue
Block a user