MoreQuickReactions: Drop has selector

src/equicordplugins/collapsibleUi/index.tsx

@@ -131,6 +131,7 @@ export default definePlugin({
             }
         },
     ],
+
     chatBarButtonWrapper: {
         wrapper: (buttons: ReactNode) => {
             if (!Array.isArray(buttons) || buttons.length === 0) return buttons;

src/equicordplugins/messageLoggerEnhanced/styles.css

@@ -17,12 +17,6 @@
     cursor: pointer;
 }
 
-.vc-msg-logger-enhanced-modal-header {
-    flex-direction: column;
-
-    /* width: 100%; */
-}
-
 .vc-msg-logger-enhanced-modal-content-container {
     /* max-height: 80vh; */
     overflow: hidden;
@@ -42,10 +36,6 @@
     height: 100%;
 }
 
-.vc-msg-logger-enhanced-modal-header > div:has(input) {
-    width: 100%;
-}
-
 .vc-msg-logger-enhanced-modal-tab-bar-item {
     padding-bottom: 16px;
     margin-bottom: -2px;
@@ -112,4 +102,4 @@
 
 .vc-msg-logger-enhanced-modal-filter {
     width: 106%;
-}
+}

src/equicordplugins/moreStickers/style.css

@@ -80,15 +80,6 @@
     margin-left: 48px;
 }
 
-.vc-more-stickers-picker-content:has(.temporary-text-will-be-removed) {
-    display: flex;
-    text-align: center;
-    justify-content: center;
-    align-items: center;
-    width: 90%;
-    height: 80%;
-}
-
 .vc-more-stickers-category-scroller {
     overflow: hidden scroll;
     padding-right: 0;

src/plugins/moreQuickReactions/index.ts

@@ -94,7 +94,7 @@ export default definePlugin({
                 // Add a custom class to identify the quick reactions have been modified and a CSS variable for the number of columns to display
                 {
                     match: /className:(\i\.\i),(?=children:)/,
-                    replace: "className:\"vc-better-quick-react \"+($self.settings.store.compactMode?\"vc-better-quick-react-compact \":\"\")+$1,style:{\"--vc-better-quick-react-columns\":$self.settings.store.columns},"
+                    replace: 'className:"vc-better-quick-react "+($self.settings.store.compactMode?"vc-better-quick-react-compact ":"")+$1,style:{"--vc-better-quick-react-columns":$self.settings.store.columns},'
                 },
                 // Scroll handler + Apply the emoji count limit from earlier with custom logic
                 {
@@ -110,6 +110,13 @@ export default definePlugin({
                 match: /role:"group",/,
                 replace: "$&style:arguments[0].style,onWheel:arguments[0].onWheel,"
             }
+        },
+        {
+            find: '"--custom-menu-viewport-padding"',
+            replacement: {
+                match: /className:\i\(\)\(\i\.menu/,
+                replace: '$&,"vc-better-quick-react-padding"'
+            }
         }
     ],
     getMaxQuickReactions() {

src/plugins/moreQuickReactions/styles.css

@@ -24,7 +24,6 @@
     height: 25px;
 }
 
-/* 8 or more columns exceeds the default max width */
-[class*="menu"]:has(>div>.vc-better-quick-react) {
-    max-width: fit-content;
+.vc-better-quick-react-padding {
+    min-width: fit-content;
 }