Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings
Discussion options

Given the PR I'm currently working on #10514, I had the inspiration of including a way to style views that specifically reside inside dialogs.
That's currently a big problem since there's no easy way to style them.

I was thinking we could use Google Chrome's custom pseudo-classes for such scenarios: https://css-tricks.com/custom-state-pseudo-classes-in-chrome/#aa-custom-states
Custom ones differ in the fact that they start with --.

Example:

Button:--dialog {
    color: black;
}

or another alternative implementation

:--dialog {
    color: black;
}
You must be logged in to vote

Replies: 1 comment

Comment options

I like the idea of moving towards web-standards in general. Even for other custom css properties, I'd prefer we slowly moved towards spec-compliance, for example:

.example {
  placeholder-color: red;
}

would become

.example {
  --placeholder-color: red;
}

to stay spec-compliant.

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
💡
Ideas
Labels
None yet
2 participants
Morty Proxy This is a proxified and sanitized view of the page, visit original site.