Autoplay-Next: fix area size so that all buttons are evenly-spaced

Each button should have the same touch area and roughly the same left-right margins.  Currently, the Theater Button (or the Chromecast button) looks too far from Speed and too close from Autoplay.  They should be evenly-spaced.
This commit is contained in:
infinite-persistence 2021-12-08 09:50:34 +08:00
parent 6afddc9b8a
commit 90c4cee9ad
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0

View file

@ -167,7 +167,16 @@
}
.vjs-button--autoplay-next.vjs-button {
margin: auto;
// TODO: the width and height of a vjs-button should probably retain
// its default "100%" value, so that each control-bar button have the same
// touch area size. Anything inside (like this on/off switch, or icons)
// should be a child (e.g. vjs-icon-placeholder), so that inner margins will
// also be consistent.
//
// TEMP: for now, just hardcode the left-right margin so that it looks
// equally spaced compared to its siblings.
margin: auto 0.5rem auto 0.7rem;
order: 1;
width: 24px;
height: 14px;