Crated basic file upload method; also included appsettings and feauture-management

HaWeb/wwwroot/css/output.css

@@ -682,15 +682,7 @@ body {
   color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
 }
 
-.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
-  border-left-width: 2px;
-  --tw-border-opacity: 1;
-  border-color: rgb(203 213 225 / var(--tw-border-opacity));
-}
-
 .dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .dark .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
-  --tw-border-opacity: 1;
-  border-color: rgb(100 116 139 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -704,12 +696,28 @@ body {
   }
 }
 
+.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
+}
+
+.dark .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks::before, .dark .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks::before {
+  --tw-bg-opacity: 1;
+  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
+}
+
 .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.dark .ha-register .ha-register-body .ha-commenthead .ha-letlinks.ha-expanded-box {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-register .ha-btn-collapsed-box {
   position: absolute;
   top: -0.15rem;
@@ -813,12 +821,14 @@ body {
 .ha-letterheader {
   border-bottom-width: 2px;
   --tw-border-opacity: 1;
-  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 }
 
 .dark .ha-letterheader {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 250 252 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
   background-color: rgb(15 23 42 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
@@ -849,14 +859,16 @@ body {
 }
 
 .ha-letterheader .ha-lettertabs a.active {
-  border-bottom-width: 2px;
+  border-bottom-width: 3px;
   --tw-border-opacity: 1;
-  border-color: rgb(226 232 240 / var(--tw-border-opacity));
+  border-color: rgb(203 213 225 / var(--tw-border-opacity));
   --tw-text-opacity: 1;
   color: rgb(216 0 0 / var(--tw-text-opacity));
 }
 
 .dark .ha-letterheader .ha-lettertabs a.active {
+  --tw-border-opacity: 1;
+  border-color: rgb(248 250 252 / var(--tw-border-opacity));
   font-weight: 700;
   --tw-text-opacity: 1 !important;
   color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
@@ -932,6 +944,7 @@ body {
 }
 
 .ha-additions {
+  display: none;
   --tw-bg-opacity: 1;
   background-color: rgb(248 250 252 / var(--tw-bg-opacity));
 }
@@ -1000,11 +1013,18 @@ body {
 }
 
 .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
+  padding-bottom: 0.25rem;
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.dark .ha-tradzhtext .ha-marginalbox.ha-expanded-box .ha-marginallist, .dark .ha-lettertext .ha-marginalbox.ha-expanded-box .ha-marginallist {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
   --tw-text-opacity: 1;
   color: rgb(51 65 85 / var(--tw-text-opacity));
@@ -1025,50 +1045,42 @@ body {
   color: rgb(229 231 235 / var(--tw-text-opacity));
 }
 
-.ha-added, .ha-added
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-added, .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-bg-opacity: 1;
   background-color: rgb(203 213 225 / var(--tw-bg-opacity));
 }
 
-.dark .ha-added, .dark .ha-added
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.dark .ha-added, .dark .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-bg-opacity: 1;
   background-color: rgb(71 85 105 / var(--tw-bg-opacity));
 }
 
-.ha-note, .ha-note
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-note, .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-text-opacity: 1;
   color: rgb(51 65 85 / var(--tw-text-opacity));
 }
 
-.dark .ha-note, .dark .ha-note
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.dark .ha-note, .dark .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-text-opacity: 1;
   color: rgb(100 116 139 / var(--tw-text-opacity));
 }
 
-.ha-ful, .ha-ful * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-ful, .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
-.dark .ha-ful, .dark .ha-ful * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.dark .ha-ful, .dark .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.ha-tul, .ha-tul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-tul, .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
-.dark .ha-tul, .dark .ha-tul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.dark .ha-tul, .dark .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
@@ -1610,6 +1622,16 @@ body {
   }
 }
 
+.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks::before {
+  position: absolute;
+  top: 0.1rem;
+  bottom: 0.1rem;
+  left: 0px;
+  width: 0.125rem;
+  --tw-content: '';
+  content: var(--tw-content);
+}
+
 .ha-register
     .ha-register-body
     .ha-comment
@@ -1868,6 +1890,7 @@ body {
 .ha-lettertext {
   position: relative;
   margin-left: 1rem;
+  display: flow-root;
   max-width: 38rem;
   padding-left: 1rem;
   padding-right: 1rem;
@@ -1894,6 +1917,7 @@ body {
 .ha-marginals {
   position: relative;
   margin-left: 1rem;
+  display: none;
   max-width: 48rem;
   padding-left: 1rem;
   padding-right: 1rem;
@@ -1986,7 +2010,7 @@ body {
 .ha-additions .ha-tradition .ha-tradzhtext {
   position: relative;
   margin-left: -1rem;
-  display: block !important;
+  display: flow-root !important;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
@@ -2126,19 +2150,11 @@ body {
 
 @media (min-width: 700px) {
   .ha-linecount.ha-firstline {
-    left: -4rem;
     display: inline-block;
-    max-width: 5rem;
     padding-bottom: 0.25rem;
   }
 }
 
-@media (min-width: 1190px) {
-  .ha-linecount.ha-firstline {
-    left: -5.5rem;
-  }
-}
-
 .ha-linecount {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -2152,9 +2168,9 @@ body {
 @media (min-width: 700px) {
   .ha-linecount {
     position: absolute;
-    left: -8.6rem;
+    right: 100%;
+    margin-right: 0.5rem;
     margin-top: 0.25rem;
-    width: 8rem;
     text-align: right;
   }
 }
@@ -2196,7 +2212,7 @@ body {
   display: none !important;
 }
 
-.ha-tradzhtext .ha-marginal::before, .ha-lettertext .ha-marginal:before {
+.ha-tradzhtext .ha-marginal::before, .ha-lettertext .ha-marginal::before {
   position: absolute;
   top: 0.1rem;
   bottom: 0.1rem;
@@ -2219,9 +2235,6 @@ body {
   font-size: 0.875rem;
   line-height: 1.25rem;
   line-height: 1.25;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
 }
 
 @media (min-width: 960px) {
@@ -2239,8 +2252,8 @@ body {
 .ha-tradzhtext .ha-marginalbox .ha-marginallist, .ha-lettertext .ha-marginalbox .ha-marginallist {
   display: flex;
   flex-wrap: wrap;
-  -moz-column-gap: 1rem;
-       column-gap: 1rem;
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
   line-height: 1.25;
@@ -2249,7 +2262,6 @@ body {
 .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal {
   position: relative;
   display: inline;
-  flex-grow: 1;
   padding-left: 0.5rem;
 }
 
@@ -2265,6 +2277,13 @@ body {
           text-decoration-style: solid;
 }
 
+.ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal, .ha-tradzhtext .ha-marginalbox .ha-marginallist .ha-marginal *, .ha-lettertext .ha-marginalbox .ha-marginallist .ha-marginal * {
+  min-height: 0px;
+  min-width: 0px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .ha-tradzhtext .ha-btn-collapsed-box, .ha-lettertext .ha-btn-collapsed-box {
   position: absolute;
   left: 100%;
@@ -2347,47 +2366,41 @@ body {
   font-family: Libertine, serif;
 }
 
-.ha-aq, .ha-aq * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-aq, .ha-aq *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   font-family: Biolinum, sans-serif;
 }
 
-.ha-ul, .ha-ul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-ul, .ha-ul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
 
-.ha-del, .ha-del * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal, .ha-diagdel) {
+.ha-del, .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-diagdel, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   display: inline;
   -webkit-text-decoration-line: line-through;
           text-decoration-line: line-through;
 }
 
-.ha-hand, .ha-hand
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-hand, .ha-hand *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   font-family: Playfair, serif;
   font-size: 0.9rem;
 }
 
-.ha-added, .ha-added
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-added, .ha-added *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   border-radius: 0.125rem;
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
 
-.ha-note, .ha-note
-    *
-    :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-note, .ha-note *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   font-style: italic;
 }
 
-.ha-emph {
+.ha-emph *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   font-style: italic;
 }
 
-.ha-sup {
+.ha-sup *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal, .ha-marginal *, .ha-btn-collapsed-box) {
   position: relative;
   top: -0.3em;
   font-size: 80%;
@@ -2414,20 +2427,20 @@ body {
   line-height: 1;
 }
 
-.ha-ful, .ha-ful * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-ful, .ha-ful *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   display: inline;
   border-bottom-width: 1px;
   padding-bottom: 2px;
 }
 
-.ha-dul, .ha-dul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-dul, .ha-dul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
   -webkit-text-decoration-style: double;
           text-decoration-style: double;
 }
 
-.ha-tul, .ha-tul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
+.ha-tul, .ha-tul *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   border-bottom-width: 3px;
   border-style: double;
   -webkit-text-decoration-line: underline;
@@ -2670,8 +2683,10 @@ body {
   }
 }
 
-.ha-collapsed-box {
+.ha-collapsed-box, .ha-collapsed-box * {
   z-index: 0;
+  min-height: 0px;
+  min-width: 0px;
   cursor: default;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2684,11 +2699,6 @@ body {
   padding-bottom: 0.25rem;
 }
 
-/* .ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-collapsed-box:hover,
-    .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-collapsed-box:hover {
-        @apply shadow-md z-[1000] !h-auto
-    } */
-
 .pointer-events-none {
   pointer-events: none;
 }
@@ -2757,6 +2767,10 @@ body {
   display: table;
 }
 
+.flow-root {
+  display: flow-root;
+}
+
 .hidden {
   display: none;
 }
@@ -3073,6 +3087,12 @@ body {
     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;
+  -webkit-box-orient: vertical;
+}
+
 .ha-diagdel {
   text-decoration: none !important;
   -webkit-text-decoration-line: none !important;
@@ -3098,7 +3118,7 @@ body {
 }
 
 .ha-del .ha-del,
-.ha-del .ha-del * {
+.ha-del .ha-del *:not(.ha-linecount *, .ha-linecount, .ha-marginalbox *, .ha-marginalbox, .ha-marginal *, .ha-marginal, .ha-btn-collapsed-box) {
   -moz-text-decoration-style: double;
   -webkit-text-decoration-style: double !important;
   text-decoration-thickness: 1px;