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

- Commentboxes work (marginals) + mouseover

Browse Source 
- Basic Briefe Controller
- Generic XML reader
This commit is contained in:
schnulller
2022-05-19 01:09:49 +02:00
parent f1743fcf39
commit 2ed7265869
23 changed files with 1179 additions and 193 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -468,6 +468,8 @@ Ensure the default browser behavior of the `hidden` attribute.
--tw-backdrop-sepia: ;
}
/* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */
body {
height: 100%;
width: 100%;
@@ -808,6 +810,8 @@ body {
.ha-register .ha-register-head {
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.ha-register .ha-register-head h1 {
@@ -855,6 +859,8 @@ body {
.ha-register .ha-register-head .ha-register-nav a.active {
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
@@ -967,30 +973,29 @@ body {
}
}
.ha-register .ha-neuzeit .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks {
padding-left: 0.5rem;
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
display: inline;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
@media (min-width: 1190px) {
.ha-register .ha-neuzeit .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks {
position: absolute;
left: 48rem;
top: 0px;
display: block;
width: 20rem;
border-left-width: 2px;
text-indent: 0px;
}
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks {
left: 46rem;
}
}
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks {
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
padding-left: 0.5rem;
}
@media (min-width: 1190px) {
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks {
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
position: absolute;
left: 46rem;
top: 0px;
display: block;
width: 20rem;
@@ -1190,12 +1195,55 @@ body {
}
}
.pointer-events-none {
pointer-events: none;
.ha-register .ha-headcomment .ha-btn-collapsed-box {
left: 47.6rem;
}
.static {
position: static;
.ha-register .ha-subcomment .ha-btn-collapsed-box {
left: 45.6rem;
}
.ha-register .ha-btn-collapsed-box {
position: absolute;
top: -0.25rem;
display: none;
cursor: pointer;
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.ha-register .ha-btn-collapsed-box:hover {
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
@media (min-width: 1190px) {
.ha-register .ha-btn-collapsed-box {
display: block;
}
}
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-collapsed-box, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-collapsed-box {
z-index: 0;
overflow: hidden;
}
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-expanded-box, .ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-expanded-box {
z-index: 1000;
height: auto !important;
max-height: 100vh !important;
--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);
}
/* .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;
}
.sticky {
@@ -1286,6 +1334,10 @@ body {
cursor: default;
}
.resize {
resize: both;
}
.list-disc {
list-style-type: disc;
}
@@ -1391,12 +1443,12 @@ body {
color: rgb(0 0 0 / var(--tw-text-opacity));
}
/* Regular woff-files for regular font variants
Instead we use the Graphite versions of the font currently
/* Regular woff-files for regular font variants curerently
Instead we can use the Graphite versions of the font
@font-face {
font-family: 'Biolinum';
src: url('../fonts/LinBiolinum_R.woff') format('woff');
src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
font-display: swap;
font-weight: normal;
font-style: normal;
@@ -1404,7 +1456,7 @@ body {
@font-face {
font-family: 'Libertine';
src: url('../fonts/LinLibertine_R.woff') format('woff');
src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
font-display: swap;
font-weight: normal;
font-style: normal;
@@ -1415,7 +1467,7 @@ body {
@font-face {
font-family: 'Biolinum';
src: url('/fonts/LinBiolinum_R_G.ttf') format('truetype');
src: url('../fonts/LinBiolinum_R.woff') format('woff');
font-display: swap;
@@ -1427,7 +1479,7 @@ body {
@font-face {
font-family: 'Libertine';
src: url('/fonts/LinLibertine_R_G.ttf') format('truetype');
src: url('../fonts/LinLibertine_R.woff') format('woff');
font-display: swap;
@@ -1510,6 +1562,10 @@ body {
list-style-type:circle;
} */
.downshadow-sm {
box-shadow: 5px 6px 5px -7px rgba(0,0,0,0.79);
}
.hyphenate {
-webkit-hyphens: auto;
-ms-hyphens: auto;
@@ -1570,14 +1626,24 @@ body {
color:#000000;
}
.ha-open-btn-collapsed-box::before {
content: '\200E+';
font-weight: 900;
}
.ha-close-btn-collapsed-box::before {
content: '\200E\00D7';
font-weight: 900;
}
/* Not possible otherwise, overwrites javascript set style values, which cant be defined before render */
@media (max-width: 1190px) {
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks {
height: auto !important;
overflow: unset !important;
}
}
/* @media (max-width: 1190px) {
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks {
height: auto !important;
overflow: unset !important;
}
} */
.hover\:text-black:hover {
--tw-text-opacity: 1;

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

@@ -2,26 +2,8 @@
@tailwind components;
@tailwind utilities;
/* Regular woff-files for regular font variants
Instead we use the Graphite versions of the font currently
@font-face {
font-family: 'Biolinum';
src: url('../fonts/LinBiolinum_R.woff') format('woff');
font-display: swap;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Libertine';
src: url('../fonts/LinLibertine_R.woff') format('woff');
font-display: swap;
font-weight: normal;
font-style: normal;
}
*/
/* Regular woff-files for regular font variants curerently
Instead we can use the Graphite versions of the font
@font-face {
font-family: 'Biolinum';
@@ -39,6 +21,24 @@
font-style: normal;
}
*/
@font-face {
font-family: 'Biolinum';
src: url('../fonts/LinBiolinum_R.woff') format('woff');
font-display: swap;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Libertine';
src: url('../fonts/LinLibertine_R.woff') format('woff');
font-display: swap;
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Biolinum';
src: url('../fonts/LinBiolinum_RI.woff') format('woff');
@@ -80,6 +80,7 @@
}
@layer components {
/* TODO: check what can be inlined (eg. used once in the code, has no double paths etc...) */
body {
@apply text-base desktop:text-lg w-full h-full
}
@@ -202,7 +203,7 @@
}
.ha-register .ha-register-head {
@apply border-b-2
@apply border-b-2 border-slate-200
}
.ha-register .ha-register-head h1 {
@@ -222,7 +223,7 @@
}
.ha-register .ha-register-head .ha-register-nav a.active {
@apply border-b-2
@apply border-b-2 border-slate-200
}
.ha-register .ha-register-head .ha-register-nav .ha-register-left-nav {
@@ -273,14 +274,23 @@
@apply inline-block font-normal text-xs md:text-sm leading-snug font-sans text-gray-600 caps-small ml-2
}
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks .ha-hkb {
@apply inline text-gray-900
}
.ha-register .ha-neuzeit .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks,
.ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks {
@apply desktop:indent-0 desktop:left-[48rem] desktop:top-0 desktop:w-80 desktop:block desktop:absolute desktop:border-l-2 pl-2
@apply desktop:left-[48rem]
}
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks,
.ha-register .ha-forschung .ha-register-body .ha-headcomment .ha-commenthead .ha-letlinks {
@apply desktop:indent-0 desktop:block desktop:absolute desktop:border-l-2 pl-2 desktop:bg-slate-50 desktop:left-[46rem] desktop:top-0 desktop:w-80
.ha-register .ha-forschung .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks {
@apply desktop:left-[46rem]
}
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-letlinks,
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-letlinks {
@apply desktop:indent-0 desktop:top-0 desktop:w-80 desktop:block desktop:bg-slate-50 desktop:absolute desktop:border-l-2 pl-2
}
.ha-register .ha-register-body .ha-comment .ha-commenthead .ha-letlinks a {
@@ -365,6 +375,33 @@
.ha-topnav.ha-topnav-collapsed .ha-topnav-dropdown .ha-topnav-dropdown-content a {
@apply py-1 desktop:py-2
}
.ha-register .ha-headcomment .ha-btn-collapsed-box {
@apply left-[47.6rem]
}
.ha-register .ha-subcomment .ha-btn-collapsed-box {
@apply left-[45.6rem]
}
.ha-register .ha-btn-collapsed-box {
@apply hidden desktop:block absolute -top-1 text-gray-600 hover:text-gray-900 cursor-pointer
}
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-collapsed-box,
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-collapsed-box {
@apply z-0 overflow-hidden
}
.ha-register .ha-neuzeit .ha-register-body .ha-commenthead .ha-expanded-box,
.ha-register .ha-forschung .ha-register-body .ha-commenthead .ha-expanded-box {
@apply shadow-md z-[1000] !h-auto !max-h-screen
}
/* .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
} */
}
* {
@@ -380,6 +417,11 @@ body {
list-style-type:circle;
} */
.downshadow-sm {
-webkit-box-shadow: 5px 6px 5px -7px rgba(0,0,0,0.79);
box-shadow: 5px 6px 5px -7px rgba(0,0,0,0.79);
}
.hyphenate {
hyphens: auto;
}
@@ -435,10 +477,20 @@ body {
color:#000000;
}
.ha-open-btn-collapsed-box::before {
content: '\200E+';
font-weight: 900;
}
.ha-close-btn-collapsed-box::before {
content: '\200E\00D7';
font-weight: 900;
}
/* Not possible otherwise, overwrites javascript set style values, which cant be defined before render */
@media (max-width: 1190px) {
/* @media (max-width: 1190px) {
.ha-register .ha-neuzeit .ha-register-body .ha-subcomment .ha-commenthead .ha-letlinks {
height: auto !important;
overflow: unset !important;
}
}
} */