web/layout: add global long-text-noto style class

This commit is contained in:
wukko 2024-08-06 14:29:15 +06:00
parent 894c1ada24
commit 87b76ec1e2
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
2 changed files with 11 additions and 11 deletions

View file

@ -75,7 +75,7 @@
{#if skeleton}
<Skeleton class="big changelog-banner" width="100%" />
{/if}
<div class="changelog-body">
<div class="changelog-body long-text-noto">
{#if skeleton}
{#each { length: 3 + Math.random() * 5 } as _}
<p>
@ -163,16 +163,6 @@
width: 100%;
}
.changelog-body,
.changelog-body :global(*) {
line-height: 1.7;
font-size: 14.5px;
font-weight: 410;
font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
user-select: text;
-webkit-user-select: text;
}
.changelog-body :global(ul) {
padding-inline-start: 30px;
}

View file

@ -433,6 +433,16 @@
-webkit-user-select: text;
}
:global(.long-text-noto),
:global(.long-text-noto *) {
line-height: 1.7;
font-size: 14.5px;
font-weight: 410;
font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
user-select: text;
-webkit-user-select: text;
}
[data-reduce-motion="true"] :global(*) {
animation: none !important;
transition: none !important;