diff --git a/src/equicordplugins/collapsibleUi/index.tsx b/src/equicordplugins/collapsibleUi/index.tsx index 38a876ce3..375c3ecb0 100644 --- a/src/equicordplugins/collapsibleUi/index.tsx +++ b/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; diff --git a/src/equicordplugins/messageLoggerEnhanced/styles.css b/src/equicordplugins/messageLoggerEnhanced/styles.css index 9d65a9b32..3373480a6 100644 --- a/src/equicordplugins/messageLoggerEnhanced/styles.css +++ b/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%; -} +} \ No newline at end of file diff --git a/src/equicordplugins/moreStickers/style.css b/src/equicordplugins/moreStickers/style.css index e3b25876e..e532b6697 100644 --- a/src/equicordplugins/moreStickers/style.css +++ b/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; diff --git a/src/plugins/moreQuickReactions/index.ts b/src/plugins/moreQuickReactions/index.ts index 4ac676a03..f429eb102 100644 --- a/src/plugins/moreQuickReactions/index.ts +++ b/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() { diff --git a/src/plugins/moreQuickReactions/styles.css b/src/plugins/moreQuickReactions/styles.css index 65f562eee..38349e19d 100644 --- a/src/plugins/moreQuickReactions/styles.css +++ b/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; } \ No newline at end of file