XT 2.21.1: Reverted change from the icon to xt-icon CSS class

TuxedoTako · Jan 12, 2025 · af337c3 · af337c3
1 parent 8947aa3
commit af337c3
Show file tree

Hide file tree

Showing 12 changed files with 38 additions and 33 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,11 @@
 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.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
+  like StyleChan.
+
 ### 2.21.0 (2025-01-11)
 
 - Convert various Unicode characters to SVG icons. [#141](https://github.com/TuxedoTako/4chan-xt/pull/141)

diff --git a/builds/4chan-XT.meta.js b/builds/4chan-XT.meta.js
@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan XT
-// @version      2.21.0
+// @version      2.21.1
 // @minGMVer     1.14
 // @minFFVer     74
 // @namespace    4chan-XT

diff --git a/builds/4chan-XT.min.meta.js b/builds/4chan-XT.min.meta.js
@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan XT
-// @version      2.21.0
+// @version      2.21.1
 // @minGMVer     1.14
 // @minFFVer     74
 // @namespace    4chan-XT

diff --git a/builds/4chan-XT.min.user.js b/builds/4chan-XT.min.user.js
diff --git a/builds/4chan-XT.user.js b/builds/4chan-XT.user.js
@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         4chan XT
-// @version      2.21.0
+// @version      2.21.1
 // @minGMVer     1.14
 // @minFFVer     74
 // @namespace    4chan-XT
@@ -169,8 +169,8 @@
   'use strict';
 
   var version = {
-    "version": "2.21.0",
-    "date": "2025-01-11T19:00:00Z"
+    "version": "2.21.1",
+    "date": "2025-01-12T12:14:45:00Z"
   };
 
   var meta = {
@@ -3731,7 +3731,7 @@ audio.controls-added {
   box-shadow: 0 -1px 2px rgba(0, 0, 0, .15);
   border-top-width: 1px;
 }
-.fixed.bottom-header #header-bar .menu-button .xt-icon {
+.fixed.bottom-header #header-bar .menu-button .icon {
   transform: rotate(180deg) translateY(-.125em);
 }
 .fixed #header-bar.autohide:not(:hover) {
@@ -3782,7 +3782,7 @@ audio.controls-added {
   display: flex;
   gap: 4px;
 }
-#shortcuts .xt-icon {
+#shortcuts .icon {
   font-size: 14px;
 }
 :root.autohiding-scrollbar #shortcuts {
@@ -5713,7 +5713,7 @@ a:only-of-type > .remove {
   text-decoration: underline;
 }
 
-.spin > .xt-icon {
+.spin > .icon {
   animation: spin 2s infinite linear;
 }
 
@@ -5860,14 +5860,14 @@ div.post {
 `).join(''));
 
   var iconCss = `/* Icons */
-.xt-icon {
+.icon {
   height: 1em;
   width: 1em;
   display: inline-flex;
   vertical-align: -.125em;
 }
 :root.shortcut-icons #shortcuts .icon--alt-text,
-:root:not(.shortcut-icons) .shortcut .xt-icon {
+:root:not(.shortcut-icons) .shortcut .icon {
   display: none;
 }
 :root.shortcut-icons .shortcut.brackets-wrap::before,
@@ -6173,7 +6173,7 @@ div.post {
   const StopW = 384, StopH = 512;
 
   const toSvg = (svgPathData, width, height) => {
-    return `<svg xmlns="http://www.w3.org/2000/svg" class="xt-icon" viewBox="0 0 ${width} ${height}">` +
+    return `<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 ${width} ${height}">` +
       `<path d="${svgPathData}" fill="currentColor" /></svg>`;
   };
   const icons = {

diff --git a/builds/crx/manifest.json b/builds/crx/manifest.json
@@ -1,6 +1,6 @@
 {
   "name": "4chan XT",
-  "version": "2.21.0",
+  "version": "2.21.1",
   "manifest_version": 2,
   "description": "4chan XT is a script that adds various features to anonymous imageboards.",
   "icons": {

diff --git a/builds/crx/manifestV3.json b/builds/crx/manifestV3.json
@@ -1,6 +1,6 @@
 {
   "name": "4chan XT",
-  "version": "2.21.0",
+  "version": "2.21.1",
   "manifest_version": 3,
   "description": "4chan XT is a script that adds various features to anonymous imageboards.",
   "icons": {

diff --git a/builds/crx/script.js b/builds/crx/script.js
@@ -85,8 +85,8 @@
   'use strict';
 
   var version = {
-    "version": "2.21.0",
-    "date": "2025-01-11T19:00:00Z"
+    "version": "2.21.1",
+    "date": "2025-01-12T12:14:45:00Z"
   };
 
   var meta = {
@@ -3581,7 +3581,7 @@ audio.controls-added {
   box-shadow: 0 -1px 2px rgba(0, 0, 0, .15);
   border-top-width: 1px;
 }
-.fixed.bottom-header #header-bar .menu-button .xt-icon {
+.fixed.bottom-header #header-bar .menu-button .icon {
   transform: rotate(180deg) translateY(-.125em);
 }
 .fixed #header-bar.autohide:not(:hover) {
@@ -3632,7 +3632,7 @@ audio.controls-added {
   display: flex;
   gap: 4px;
 }
-#shortcuts .xt-icon {
+#shortcuts .icon {
   font-size: 14px;
 }
 :root.autohiding-scrollbar #shortcuts {
@@ -5563,7 +5563,7 @@ a:only-of-type > .remove {
   text-decoration: underline;
 }
 
-.spin > .xt-icon {
+.spin > .icon {
   animation: spin 2s infinite linear;
 }
 
@@ -5710,14 +5710,14 @@ div.post {
 `).join(''));
 
   var iconCss = `/* Icons */
-.xt-icon {
+.icon {
   height: 1em;
   width: 1em;
   display: inline-flex;
   vertical-align: -.125em;
 }
 :root.shortcut-icons #shortcuts .icon--alt-text,
-:root:not(.shortcut-icons) .shortcut .xt-icon {
+:root:not(.shortcut-icons) .shortcut .icon {
   display: none;
 }
 :root.shortcut-icons .shortcut.brackets-wrap::before,
@@ -6023,7 +6023,7 @@ div.post {
   const StopW = 384, StopH = 512;
 
   const toSvg = (svgPathData, width, height) => {
-    return `<svg xmlns="http://www.w3.org/2000/svg" class="xt-icon" viewBox="0 0 ${width} ${height}">` +
+    return `<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 ${width} ${height}">` +
       `<path d="${svgPathData}" fill="currentColor" /></svg>`;
   };
   const icons = {

diff --git a/src/Icons/icon.ts b/src/Icons/icon.ts
@@ -31,7 +31,7 @@ import { svgPathData as stopSvg, width as stopW, height as stopH } from "@fas/fa
 
 
 const toSvg = (svgPathData: string, width: string | number, height: string | number) => {
-  return `<svg xmlns="http://www.w3.org/2000/svg" class="xt-icon" viewBox="0 0 ${width} ${height}">` +
+  return `<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 ${width} ${height}">` +
     `<path d="${svgPathData}" fill="currentColor" /></svg>`;
 }
 

diff --git a/src/Icons/icons.css b/src/Icons/icons.css
@@ -1,12 +1,12 @@
 /* Icons */
-.xt-icon {
+.icon {
   height: 1em;
   width: 1em;
   display: inline-flex;
   vertical-align: -.125em;
 }
 :root.shortcut-icons #shortcuts .icon--alt-text,
-:root:not(.shortcut-icons) .shortcut .xt-icon {
+:root:not(.shortcut-icons) .shortcut .icon {
   display: none;
 }
 :root.shortcut-icons .shortcut.brackets-wrap::before,

diff --git a/src/css/style.css b/src/css/style.css
@@ -302,7 +302,7 @@ audio.controls-added {
   box-shadow: 0 -1px 2px rgba(0, 0, 0, .15);
   border-top-width: 1px;
 }
-.fixed.bottom-header #header-bar .menu-button .xt-icon {
+.fixed.bottom-header #header-bar .menu-button .icon {
   transform: rotate(180deg) translateY(-.125em);
 }
 .fixed #header-bar.autohide:not(:hover) {
@@ -353,7 +353,7 @@ audio.controls-added {
   display: flex;
   gap: 4px;
 }
-#shortcuts .xt-icon {
+#shortcuts .icon {
   font-size: 14px;
 }
 :root.autohiding-scrollbar #shortcuts {
@@ -2284,7 +2284,7 @@ a:only-of-type > .remove {
   text-decoration: underline;
 }
 
-.spin > .xt-icon {
+.spin > .icon {
   animation: spin 2s infinite linear;
 }
 

diff --git a/version.json b/version.json
@@ -1,4 +1,4 @@
 {
-  "version": "2.21.0",
-  "date": "2025-01-11T19:00:00Z"
+  "version": "2.21.1",
+  "date": "2025-01-12T12:14:45:00Z"
 }