2.21.2

- Fix not being able to clear keybinds with backspace.

CHANGELOG.md

@@ -3,6 +3,15 @@
 4chan XT uses a different user script namespace than 4chan X, so to migrate you need to export settings from 4chan X,
 and import them in XT.
 
+### 2.21.2 (2025-01-15)
+
+- Fix notification padding. [#146](https://github.com/TuxedoTako/4chan-xt/issues/146),
+  [#147](https://github.com/TuxedoTako/4chan-xt/pull/147)
+- Fix shortcuts getting squished in the non-4chan-XT catalog. [#148](https://github.com/TuxedoTako/4chan-xt/issues/148),
+  [#149](https://github.com/TuxedoTako/4chan-xt/pull/149)
+- Fix not being able to clear keybinds with backspace.
+  [Greasy Fork comment](https://greasyfork.org/en/scripts/489508-4chan-xt/discussions/274072)
+
 ### 2.21.1 (2025-01-12)
 
 - Reverted change from the `icon` to `xt-icon` CSS class to fix the interaction the icons have with other user scripts

README.md

@@ -47,6 +47,15 @@ feature, see upstream 4chan X's [privacy documentation](https://github.com/ccd0/
 
 ## Install
 
+To run an user script, you need an user script manager like Violentmonkey
+\([Chrome](https://chromewebstore.google.com/detail/violentmonkey/jinjaccalgkegednnccohejagnlnfdag),
+[Firefox](https://addons.mozilla.org/firefox/addon/violentmonkey/),
+[Edge](https://microsoftedge.microsoft.com/addons/detail/eeagobfjdenkkddmbclomhiblgggliao)), or tampermonkey
+\([Chrome](https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo),
+[Firefox](https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/),
+[Edge](https://microsoftedge.microsoft.com/addons/detail/iikmkjmpaadaobahmlepeloendndfphd),
+[Safari](https://apps.apple.com/app/tampermonkey/id6738342400)).
+
 This fork is distributed through [GitHub releases](https://github.com/TuxedoTako/4chan-xt/releases) and [Greasy Fork](https://greasyfork.org/scripts/489508-4chan-xt).
 There are known issues with updating user scripts through GitHub: [#34](https://github.com/TuxedoTako/4chan-xt/issues/34)
 [violentmonkey#1673](https://github.com/violentmonkey/violentmonkey/issues/1673), but Greasy Fork doesn't allow the

builds/4chan-XT.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan XT
-// @version      2.21.1
+// @version      2.21.2
 // @minGMVer     1.14
 // @minFFVer     74
 // @namespace    4chan-XT

builds/4chan-XT.min.meta.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan XT
-// @version      2.21.1
+// @version      2.21.2
 // @minGMVer     1.14
 // @minFFVer     74
 // @namespace    4chan-XT

builds/4chan-XT.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan XT
-// @version      2.21.1
+// @version      2.21.2
 // @minGMVer     1.14
 // @minFFVer     74
 // @namespace    4chan-XT
@@ -169,8 +169,8 @@
   'use strict';
 
   var version = {
-    "version": "2.21.1",
-    "date": "2025-01-12T12:14:45:00Z"
+    "version": "2.21.2",
+    "date": "2025-01-15T18:18:10:00Z"
   };
 
   var meta = {
@@ -3844,7 +3844,7 @@ audio.controls-added {
   max-width: 100%;
   position: relative;
   transition: all .25s ease-in-out;
-  padding: 7px;
+  padding: 6px 5px 6px 20px;
   display: flex;
   gap: 5px;
   align-items: center;
@@ -3868,8 +3868,9 @@ audio.controls-added {
   order: 1;
 }
 .message {
+  overflow-wrap: break-word;
   box-sizing: border-box;
-  padding: 6px 20px;
+  padding: 0 5px;
   max-height: 200px;
   width: 100%;
   overflow: auto;
@@ -5860,12 +5861,16 @@ div.post {
 `).join(''));
 
   var iconCss = `/* Icons */
-.icon {
+svg.icon {
   height: 1em;
   width: 1em;
   display: inline-flex;
   vertical-align: -.125em;
 }
+/* Override catalog.css */
+:root.catalog svg.icon {
+  position: static;
+}
 :root.shortcut-icons #shortcuts .icon--alt-text,
 :root:not(.shortcut-icons) .shortcut .icon {
   display: none;
@@ -21461,14 +21466,13 @@ Enable it on boards.${location.hostname.split('.')[1]}.org in your browser's pri
       });
     },
     keybind(e) {
-      let key;
-      if (e.keyCode === 9) {
-        return;
-      } // tab
+      if (e.keyCode === 9)
+        return; // tab
       e.preventDefault();
       e.stopPropagation();
-      if (!(key = Keybinds.keyCode(e)))
-        return;
+      const key = Keybinds.keyCode(e);
+      if (key == null)
+        return; // empty string is backspace
       this.value = key;
       $.cb.value.call(this);
     }

builds/crx/manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "4chan XT",
-  "version": "2.21.1",
+  "version": "2.21.2",
   "manifest_version": 2,
   "description": "4chan XT is a script that adds various features to anonymous imageboards.",
   "icons": {

builds/crx/manifestV3.json

@@ -1,6 +1,6 @@
 {
   "name": "4chan XT",
-  "version": "2.21.1",
+  "version": "2.21.2",
   "manifest_version": 3,
   "description": "4chan XT is a script that adds various features to anonymous imageboards.",
   "icons": {

builds/crx/script.js

@@ -85,8 +85,8 @@
   'use strict';
 
   var version = {
-    "version": "2.21.1",
-    "date": "2025-01-12T12:14:45:00Z"
+    "version": "2.21.2",
+    "date": "2025-01-15T18:18:10:00Z"
   };
 
   var meta = {
@@ -3694,7 +3694,7 @@ audio.controls-added {
   max-width: 100%;
   position: relative;
   transition: all .25s ease-in-out;
-  padding: 7px;
+  padding: 6px 5px 6px 20px;
   display: flex;
   gap: 5px;
   align-items: center;
@@ -3718,8 +3718,9 @@ audio.controls-added {
   order: 1;
 }
 .message {
+  overflow-wrap: break-word;
   box-sizing: border-box;
-  padding: 6px 20px;
+  padding: 0 5px;
   max-height: 200px;
   width: 100%;
   overflow: auto;
@@ -5710,12 +5711,16 @@ div.post {
 `).join(''));
 
   var iconCss = `/* Icons */
-.icon {
+svg.icon {
   height: 1em;
   width: 1em;
   display: inline-flex;
   vertical-align: -.125em;
 }
+/* Override catalog.css */
+:root.catalog svg.icon {
+  position: static;
+}
 :root.shortcut-icons #shortcuts .icon--alt-text,
 :root:not(.shortcut-icons) .shortcut .icon {
   display: none;
@@ -21230,14 +21235,13 @@ Enable it on boards.${location.hostname.split('.')[1]}.org in your browser's pri
       });
     },
     keybind(e) {
-      let key;
-      if (e.keyCode === 9) {
-        return;
-      } // tab
+      if (e.keyCode === 9)
+        return; // tab
       e.preventDefault();
       e.stopPropagation();
-      if (!(key = Keybinds.keyCode(e)))
-        return;
+      const key = Keybinds.keyCode(e);
+      if (key == null)
+        return; // empty string is backspace
       this.value = key;
       $.cb.value.call(this);
     }

src/General/Settings.tsx

@@ -859,11 +859,11 @@ Enable it on boards.${location.hostname.split('.')[1]}.org in your browser's pri
   },
 
   keybind(e) {
-    let key;
-    if (e.keyCode === 9) { return; } // tab
+    if (e.keyCode === 9) return; // tab
     e.preventDefault();
     e.stopPropagation();
-    if (!(key = Keybinds.keyCode(e))) return;
+    const key = Keybinds.keyCode(e);
+    if (key == null) return; // empty string is backspace
     this.value = key;
     $.cb.value.call(this);
   }

version.json

@@ -1,4 +1,4 @@
 {
-  "version": "2.21.1",
-  "date": "2025-01-12T12:14:45:00Z"
+  "version": "2.21.2",
+  "date": "2025-01-15T18:18:10:00Z"
 }