Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

What is the css class of the white border to the right of the left sidebar? #10

Closed
SilverMarcs opened this issue Jun 19, 2023 · 3 comments

Comments

@SilverMarcs
Copy link

This is what i mean. Marked with pink arrow

Screenshot 2023-06-20 at 1 50 46 AM
@SilverMarcs
Copy link
Author

SilverMarcs commented Jun 19, 2023

0882080

Doing this and adding a border-right to left side panel does the trick but is there a better way?

(Edited for accuracy)

@0xdevalias
Copy link

0882080

Doing this and adding a border-right to left side panel does the trick but is there a better way?

@SilverMarcs I just had a quick look, and I think targeting .mx_ResizeHandle is definitely the right approach. Both -webkit-box-shadow and box-shadow are essentially doing the same thing, just prefixed for older browser compatibility. In devtools, if I disable both of those styles, then the white border goes away:

image

Before:
image

After:
image


We can make this really obvious by changing the colour of the box-shadow there (eg. to red), and observing the results:

.mx_MatrixChat > .mx_ResizeHandle, .mx_RightPanel_ResizeWrapper .mx_ResizeHandle {
  box-shadow: #f00 1px 0px 0px 0px inset;
}

image


So I think you could just use the following rule (very similar to the one you had, but doesn't touch margin:

.mx_MatrixChat > .mx_ResizeHandle, .mx_RightPanel_ResizeWrapper .mx_ResizeHandle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@SilverMarcs
Copy link
Author

Thanks.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants