fix(app): rename class names that content blockers treat as ads (#1621)

This commit is contained in:
Hampus authored and GitHub committed 2026-08-15 13:16:44 +02:00
1 parent 2106102fc5
commit 6ef0f1fbe1
25 files changed
+59 -56

No files matched your search

@@ -143,7 +143,7 @@
border-color: color-mix(in srgb, var(--brand-primary) 45%, transparent 55%);
}
.addReactionButton {
.reactionPickerButton {
display: flex;
align-items: center;
justify-content: center;
@@ -159,8 +159,8 @@
color 0.1s ease;
}
.addReactionButton:hover,
.addReactionButtonActive {
.reactionPickerButton:hover,
.reactionPickerButtonActive {
background-color: var(--background-modifier-hover);
color: var(--text-primary);
}
@@ -334,7 +334,7 @@ export const MessageReactions = observer(
<button
ref={addReactionButtonRef}
type="button"
className={clsx(styles.addReactionButton, emojiPickerOpen && styles.addReactionButtonActive)}
className={clsx(styles.reactionPickerButton, emojiPickerOpen && styles.reactionPickerButtonActive)}
aria-label={i18n._(ADD_REACTION_DESCRIPTOR)}
aria-haspopup="dialog"
aria-expanded={emojiPickerOpen}
@@ -376,7 +376,7 @@ export const MessageReactions = observer(
<button
ref={addReactionButtonRef}
type="button"
className={clsx(styles.addReactionButton, emojiPickerOpen && styles.addReactionButtonActive)}
className={clsx(styles.reactionPickerButton, emojiPickerOpen && styles.reactionPickerButtonActive)}
aria-label={i18n._(ADD_REACTION_DESCRIPTOR)}
aria-haspopup="dialog"
aria-expanded={emojiPickerOpen}
@@ -1,6 +1,6 @@
/* SPDX-License-Identifier: AGPL-3.0-or-later */
.addFriendContainer {
.friendRequestContainer {
position: relative;
display: flex;
flex-direction: column;
@@ -58,7 +58,7 @@
}
@media (max-width: 480px) {
.addFriendContainer {
.friendRequestContainer {
padding: 1rem;
padding-bottom: calc(1rem + 3rem);
}
@@ -12,7 +12,10 @@ export const AddFriendView = observer(() => {
const {i18n} = useLingui();
const showVerificationSlateOnly = Users.currentUser?.verified === false;
return (
<div className={styles.addFriendContainer} data-flx="channel.direct-message.add-friend-view.add-friend-container">
<div
className={styles.friendRequestContainer}
data-flx="channel.direct-message.add-friend-view.add-friend-container"
>
<div className={styles.card} data-flx="channel.direct-message.add-friend-view.card">
{showVerificationSlateOnly ? (
<AddFriendForm data-flx="channel.direct-message.add-friend-view.add-friend-form" />