Check overwritten CSS rules

[nickvergessen]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

---

Since the Vue 7 update was made and a lot of issues were solved by simply removing CSS blocks which we had overwriting component stuff we should make a trip through all of them and see what we should do with them:

• ❌ Remove
• 🆙 Upstream
• ⏯️ Keep

[nickvergessen]

Especially v-deeps should be checked (see #2623 ) but not only.

[Antreesy]

• Should be checked again after #10626
• Including :deep styles, and classes applied on <Nc... components (see EmptyContent discussion above)

[ShGKme]

• NcAppContent
  • custom styles in a call
• NcEmptyContent - many places
• NcRichContentEditable
  • MentionBubble on RTL
  • Emoji button support
• NcAvatar
  • AvatarWrapper
  • and other places
• NcActions
  • custom styling in MessageButtonBar
  • NcActionButton with danger style in Conversation.vue menu
• Dialogs and Modals in many places
• NcSettingdDialog - ConversationSettings
• NcSelect - MediaDeviceSelector width: 100%
• NcCheckboxRadioSwitch - MediaSettings - checkbox-radio-switch__label in focus in warning
• NcListItem - some custom styling in participants
• NcAppSidebar - many custom styles
• NcButton
  • CallTime
  • LeftSidebar - .invitation-button
• Fields
  • SearchBox
  • TurnServer in error state

[DorraJaouad]

I think it is cleared out mostly. We introduced TOREMOVE flag so we can mark the things to remove and roughly when