Added more responisiveness to Letter View; TODO: copy letterrules to traditionrules

This commit is contained in:
schnulller
2022-05-26 17:18:50 +02:00
parent 469a2e256e
commit 6433fa7c01
11 changed files with 200 additions and 80 deletions

View File

@@ -461,7 +461,7 @@
}
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox {
@apply absolute -right-[28rem] w-[24rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 mr-4 pr-1 hyphenate mt-1 rounded-sm font-sans flex flex-wrap
@apply absolute -right-[21rem] desktop:-right-[28rem] w-[19rem] desktop:w-[24rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 mr-4 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap
}
.ha-additions .ha-tradition .ha-tradzhtext .ha-marginalbox .ha-marginal {
@@ -485,7 +485,7 @@
}
.ha-additions .ha-tradition .ha-tradzhtext .ha-btn-collapsed-box {
@apply hidden desktop:block absolute text-slate-600 hover:text-slate-900 cursor-pointer -right-[2.5rem] leading-none mt-[2px]
@apply hidden md:block absolute text-slate-600 hover:text-slate-900 cursor-pointer -right-[0.5rem] desktop:-right-[2.5rem] leading-none mt-[2px]
}
.ha-additions .ha-hands {
@@ -496,7 +496,6 @@
@apply font-bold
}
.ha-additions .ha-hands .ha-handentries .ha-handfrom,
.ha-additions .ha-hands .ha-handentries .ha-handto {
@apply inline text-sm font-semibold whitespace-nowrap
@@ -510,10 +509,13 @@
@apply font-bold
}
.ha-additions .ha-edits .ha-editentries .ha-editfromto {
@apply whitespace-nowrap
}
.ha-additions .ha-edits .ha-editentries .ha-editfrom,
.ha-additions .ha-edits .ha-editentries .ha-editto {
@apply text-sm font-semibold pl-1 whitespace-nowrap
@apply inline text-sm font-semibold whitespace-nowrap
}
.ha-additions .ha-edits .ha-editentries .ha-editreference {
@@ -532,8 +534,12 @@
@apply font-bold
}
.ha-additions .ha-edits .ha-editentries td {
@apply pr-4 align-top
.ha-additions .ha-edits .ha-editsinfo {
@apply mr-72 pb-4
}
.ha-additions .ha-edits .ha-editentries tr td {
@apply align-text-top
}
.ha-additions .ha-edits .ha-editentries .ha-editreas div {
@@ -541,13 +547,25 @@
}
.ha-additions .ha-edits .ha-editentries table {
@apply w-full
/* @apply w-full */
}
.ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
@apply bg-slate-200
.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(1) {
@apply pr-1 pl-1 text-right
}
.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2) {
@apply border-r-2 pl-1 pr-3 text-sm
}
.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(3) {
@apply pl-3
}
/* .ha-additions .ha-edits .ha-editentries table tr:nth-child(even) {
@apply bg-slate-200
} */
.ha-additions .ha-edits .ha-editentries .ha-editreas .ha-zh * {
@apply !font-serif
}
@@ -578,7 +596,7 @@
}
.ha-lettertext .ha-marginalbox {
@apply absolute -right-[28rem] w-[24rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 mr-4 pr-1 hyphenate mt-1 rounded-sm font-sans flex flex-wrap
@apply absolute -right-[21rem] desktop:-right-[28rem] w-[19rem] desktop:w-[24rem] text-sm border-l-2 border-slate-300 leading-tight pl-2 bg-slate-50 mr-4 pr-1 hyphenate mt-1 rounded-sm font-sans hidden md:flex flex-wrap
}
.ha-lettertext .ha-marginalbox .ha-marginal {
@@ -602,7 +620,7 @@
}
.ha-lettertext .ha-btn-collapsed-box {
@apply hidden desktop:block absolute text-slate-700 hover:text-slate-900 cursor-pointer -right-[2.5rem] leading-none mt-[2px]
@apply hidden md:block absolute text-slate-700 hover:text-slate-900 cursor-pointer -right-[0.5rem] desktop:-right-[2.5rem] leading-none mt-[2px]
}
@@ -636,32 +654,32 @@
}
.ha-aq,
.ha-aq * :not(.ha-marginal *, .ha-marginal) {
.ha-aq * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply font-sans
}
.ha-ul,
.ha-ul * :not(.ha-marginal *, .ha-marginal) {
.ha-ul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply underline
}
.ha-del,
.ha-del * :not(.ha-marginal *, .ha-marginal) {
.ha-del * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply line-through
}
.ha-hand,
.ha-hand * :not(.ha-marginal *, .ha-marginal) {
.ha-hand * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply font-classy text-[0.9rem]
}
.ha-added,
.ha-added * :not(.ha-marginal *, .ha-marginal) {
.ha-added * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply bg-slate-300 px-1 rounded-sm
}
.ha-note,
.ha-note * :not(.ha-marginal *, .ha-marginal) {
.ha-note * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply italic text-slate-700
}
@@ -679,17 +697,17 @@
}
.ha-ful,
.ha-ful * :not(.ha-marginal *, .ha-marginal) {
.ha-ful * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply inline border-b border-black pb-[2px]
}
.ha-dul,
.ha-dul * :not(.ha-marginal *, .ha-marginal) {
.ha-dul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply underline decoration-double
}
.ha-tul,
.ha-tul * :not(.ha-marginal *, .ha-marginal) {
.ha-tul * :not(.ha-linecount *, .ha-linecount, .ha-marginal *, .ha-marginal) {
@apply underline border-b-[3px] border-double border-black
}
@@ -814,6 +832,10 @@
content: ']';
}
.ha-additions .ha-edits .ha-editentries tr td:nth-of-type(2)::after {
content: ']';
}
* {
text-decoration-skip-ink: all;
}