Various CSS tweaks and optimizations

Prevent sub and sup from affecting line-height.

Set touch-action on .items to prevent browser navigation.

Move font-family specific CSS to the appropriate file.

Update primary font-family for UI to be even more
compatible with various operating systems.

Make .entry-content font-weight variable depending
on font-family used.

locale/translations.go

@@ -3546,7 +3546,7 @@ var translations = map[string]string{
     "page.sessions.table.current_session": "当前会话",
     "page.api_keys.title": "API密钥",
     "page.api_keys.table.description": "描述",
-    "page.api_keys.table.token": "代币",
+    "page.api_keys.table.token": "密钥",
     "page.api_keys.table.last_used_at": "最后使用",
     "page.api_keys.table.created_at": "创立日期",
     "page.api_keys.table.actions": "操作",
@@ -3705,5 +3705,5 @@ var translationsChecksums = map[string]string{
 	"pl_PL": "35147e55f1800964d268dc04b9cc25a9c8fa98077f759c5d3a5bd339f0eee53e",
 	"pt_BR": "2461105ebc2a2d57b3a63a29ee21f74e3d1eba54c049abcfd077dd30acc8d0a2",
 	"ru_RU": "402f15d3c68e008a1ffa3dddb4002126a29c1cf93359a64bca944a8da541da72",
-	"zh_CN": "bbea61a08bec37518d8c8c7735c7b8001d011a1d43ddb15ab639fee11b45ca87",
+	"zh_CN": "21ca934599220fa3d3ba06b390b619ce9d1565be329b8b5e35d43f7e3ad3a269",
 }

locale/translations/zh_CN.json

@@ -189,7 +189,7 @@
     "page.sessions.table.current_session": "当前会话",
     "page.api_keys.title": "API密钥",
     "page.api_keys.table.description": "描述",
-    "page.api_keys.table.token": "代币",
+    "page.api_keys.table.token": "密钥",
     "page.api_keys.table.last_used_at": "最后使用",
     "page.api_keys.table.created_at": "创立日期",
     "page.api_keys.table.actions": "操作",

ui/static/css/common.css

@@ -735,6 +735,7 @@ a.button {
 
 .items {
     overflow-x: hidden;
+    touch-action: pan-y;
 }
 
 .hide-read-items .item-status-read:not(.current-item) {
@@ -836,7 +837,7 @@ article.feed-parsing-error {
 .entry-content {
     padding-top: 15px;
     font-size: 1.2em;
-    font-weight: 300;
+    font-weight: var(--entry-content-font-weight);
     font-family: var(--entry-content-font-family);
     color: var(--entry-content-color);
     line-height: 1.4em;
@@ -962,6 +963,22 @@ article.feed-parsing-error {
     font-weight: 600;
 }
 
+.entry-content sub,
+.entry-content sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+.entry-content sub {
+    bottom: -0.25em;
+}
+
+.entry-content sup {
+    top: -0.5em;
+}
+
 details.entry-enclosures {
     margin-top: 25px;
 }

ui/static/css/dark.css

@@ -1,5 +1,5 @@
 :root {
-    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --body-color: #efefef;
     --body-background: #222;
     --hr-border-color: #555;
@@ -94,7 +94,6 @@
     --entry-content-code-background: #555;
     --entry-content-code-border-color: #888;
     --entry-content-quote-color: #777;
-    --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
     --entry-enclosure-border-color: #333;
 
     --parsing-error-color: #eee;

ui/static/css/light.css

@@ -1,5 +1,5 @@
 :root {
-    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --body-color: #333;
     --body-background: #fff;
     --hr-border-color: #ccc;
@@ -94,7 +94,6 @@
     --entry-content-code-background: #f0f0f0;
     --entry-content-code-border-color: #ddd;
     --entry-content-quote-color: #666;
-    --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
     --entry-enclosure-border-color: #333;
 
     --parsing-error-color: #333;

ui/static/css/sans_serif.css

@@ -1,3 +1,5 @@
 :root {
-    --entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+    --entry-content-font-weight: 400;
+    --entry-content-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+    --entry-content-quote-font-family: var(--entry-content-font-family);
 }

ui/static/css/serif.css

@@ -1,3 +1,5 @@
 :root {
+    --entry-content-font-weight: 300;
     --entry-content-font-family: Georgia, 'Times New Roman', Times, serif;
+    --entry-content-quote-font-family: var(--entry-content-font-family);
 }

ui/static/css/system.css

@@ -1,5 +1,5 @@
 :root {
-    --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+    --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --body-color: #333;
     --body-background: #fff;
     --hr-border-color: #ccc;
@@ -93,7 +93,6 @@
     --entry-content-code-background: #f0f0f0;
     --entry-content-code-border-color: #ddd;
     --entry-content-quote-color: #666;
-    --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
     --entry-enclosure-border-color: #333;
 
     --parsing-error-color: #333;
@@ -106,7 +105,6 @@
 
 @media (prefers-color-scheme: dark) {
     :root {
-        --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
         --body-color: #efefef;
         --body-background: #222;
         --hr-border-color: #555;
@@ -200,7 +198,6 @@
         --entry-content-code-background: #555;
         --entry-content-code-border-color: #888;
         --entry-content-quote-color: #777;
-        --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;
         --entry-enclosure-border-color: #333;
 
         --parsing-error-color: #eee;