Skip to content

[css-pseudo] Proposal: Add border-radius to supported ::cue properties #6292

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

Closed
argyleink opened this issue May 14, 2021 · 4 comments
Closed

Comments

@argyleink
Copy link
Contributor

https://w3c.github.io/webvtt/#the-cue-pseudo-element

It's a subtle and nice touch to have the corners of the cue just slightly rounded. Softens them up and can help them match brand with rounded corners. I've noticed other platforms support this style. border-radius is not currently on the approved list of styles for the ::cue element and I'd love to see it added.

Thoughts?

@nigelmegitt
Copy link

nigelmegitt commented May 17, 2021

See #2811 and w3c/ttml2#189 and the TTML2 border with rounding example - we don't have the spec capability to express how to round corners on adjacent lines without it looking really bad.

@nigelmegitt
Copy link

I see you closed this @argyleink - just want to say, I think it would be a good idea, but it would also be a good idea to fix the background painting behaviour between and at the junction of line areas. I was not trying to shut this down, just point out that it's not as simple as it at first looks, and without other changes, the visual effect might not be what you'd hope for.

@argyleink
Copy link
Contributor Author

no worries! i shut it down because the complexities were so immediately understood and it appeared to already be within view of the spec to offer something like it. so i'm happy knowing it's in good hands and will iron out eventually, thus making this ticket noise 🙂

@nigelmegitt
Copy link

it's in good hands and will iron out eventually

That'd be good; realistically, I don't think it will iron out unless someone pushes for it who can make it happen.

There are a few things that, in the subtitle and caption domain (and I would guess, other domains too), would depend on defining CSS behaviour for line areas after layout, for example horizontal alignment, adding padding to the ends of the line areas, adjusting the backgrounds so that they don't have gaps between them, and fixing up border rounding. It's not making progress in CSS at the moment.

I realise I'm commenting on a closed ticket, and this may appear to be noise, but it seems like reasonably well targeted noise to me, hence why I'm posting. Happy to have off-GitHub-issue discussions about it too, of course.

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

No branches or pull requests

2 participants