Skip to content

Inline end margin should not be added to images on file panel #22640

Closed
matrix-org/matrix-react-sdk
#8886
@luixxiul

Description

@luixxiul

Steps to reproduce

  1. Open #test:matrix.org
  2. Open file panel
  3. Check images

Outcome

What did you expect?

Inline end (right) margin is not supposed to be added to them, according to the style rule structure.

What happened instead?

The margin is added to them, because of :not([data-layout=bubble]) pseudo class. See: https://developer.mozilla.org/en-US/docs/Web/CSS/:not

The :not() pseudo-class has a number of quirks, tricks, and unexpected results that you should be aware of before using it.

Operating system

No response

Browser information

No response

URL for webapp

app.element.io

Application version

No response

Homeserver

No response

Will you send logs?

No

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions