admin/cobalt
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

web: fix long text font, make it IBM Plex Mono just like the rest of UI

Browse Source
This commit is contained in:
wukko
2025-05-23 15:30:40 +06:00
parent 2eadc3fbd8
commit 4d29bca13b
8 changed files with 37 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/src/app.css
View File

@@ -188,8 +188,7 @@ body {
}
* {
font-family: "IBM Plex Mono", "Noto Sans Mono Variable", "Noto Sans Mono",
monospace;
font-family: "IBM Plex Mono", "Noto Sans Mono", monospace;
user-select: none;
scrollbar-width: none;
-webkit-user-select: none;
@@ -363,50 +362,50 @@ h6 {
-webkit-user-select: text;
}
.long-text-noto,
.long-text-noto *:not(h1, h2, h3, h4, h5, h6) {
.long-text,
.long-text *:not(h1, h2, h3, h4, h5, h6) {
line-height: 1.8;
font-size: 14.5px;
font-family: "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
font-family: "IBM Plex Mono", monospace;
user-select: text;
-webkit-user-select: text;
}
.long-text-noto,
.long-text-noto *:not(h1, h2, h3, h4, h5, h6, strong, em, del) {
font-weight: 410;
.long-text,
.long-text *:not(h1, h2, h3, h4, h5, h6, strong, em, del) {
font-weight: 400;
}
.long-text-noto ul {
.long-text ul {
padding-inline-start: 30px;
}
.long-text-noto li {
.long-text li {
padding-left: 3px;
}
.long-text-noto:not(.about) h1,
.long-text-noto:not(.about) h2,
.long-text-noto:not(.about) h3 {
.long-text:not(.about) h1,
.long-text:not(.about) h2,
.long-text:not(.about) h3 {
user-select: text;
-webkit-user-select: text;
letter-spacing: 0;
margin-block-start: 1rem;
}
.long-text-noto h3 {
.long-text h3 {
font-size: 17px;
}
.long-text-noto h2 {
.long-text h2 {
font-size: 19px;
}
.long-text-noto:not(.about) h3 {
.long-text:not(.about) h3 {
margin-block-end: -0.5rem;
}
.long-text-noto:not(.about) h2 {
.long-text:not(.about) h2 {
font-size: 19px;
line-height: 1.3;
margin-block-end: -0.3rem;
@@ -414,7 +413,7 @@ h6 {
border-bottom: 1.5px solid var(--button-elevated-hover);
}
.long-text-noto img {
.long-text img {
border-radius: 6px;
}
@@ -434,22 +433,22 @@ tr th:first-child {
text-align: right;
}
.long-text-noto.about section p:first-of-type {
.long-text.about section p:first-of-type {
margin-block-start: 0.3em;
}
.long-text-noto.about .heading-container {
.long-text.about .heading-container {
padding-top: calc(var(--padding) / 2);
}
.long-text-noto.about section:first-of-type .heading-container {
.long-text.about section:first-of-type .heading-container {
padding-top: 0;
}
@media screen and (max-width: 535px) {
.long-text-noto,
.long-text-noto *:not(h1, h2, h3, h4, h5, h6) {
.long-text,
.long-text *:not(h1, h2, h3, h4, h5, h6) {
font-size: 14px;
}
}