Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Make devTools styling more consistent and easier to edit event data. #1923

Merged
merged 4 commits into from
May 24, 2018

Conversation

rxl881
Copy link
Contributor

@rxl881 rxl881 commented May 23, 2018

Currently there is inconsistent styling when viewing as opposed to editing room and account data (see screenshots). Before:

screen shot 2018-05-23 at 17 41 50
screen shot 2018-05-23 at 17 42 16

This PR adds styling for consistency between views and to make it easier to edit events (in the displayed modal).

After:

screen shot 2018-05-23 at 17 45 42
screen shot 2018-05-23 at 17 45 48

@rxl881 rxl881 assigned ara4n and dbkr May 23, 2018
Copy link
Member

@t3chguy t3chguy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Lgtm other than query

.mx_DevTools_RoomStateExplorer_button, .mx_DevTools_RoomStateExplorer_query {
margin-bottom: 10px;
max-width: 684px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What's this "magic" value?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The dialog is hard-coded to a width of 704px (I've no idea why), subtract the margins and padding on the dialog (that can't be changed from this component, or without messing with a lot of other stuff) and you get/got 684px.

However, this was when I was attempting to wrap all of the devTools content in "mx_DevTools_content" containers for consistency, and it turns out that this is a lot bigger job than I was hoping for. Without making those changes this doesn't actually make a lot of sense, so I'll back it out. Thanks for catching that.

@t3chguy
Copy link
Member

t3chguy commented May 23, 2018

I'm happy to see devtools has become so useful and thank you very much for making it look better :D
Lgtm

@dbkr dbkr removed their assignment May 24, 2018
@rxl881 rxl881 merged commit 6288e9b into develop May 24, 2018
@rxl881 rxl881 deleted the rxl881/devTools branch May 24, 2018 17:11
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants