LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

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

Browse source 
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
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ui/scss/component/_button.scss
View file

@ -167,7 +167,16 @@
} }
.vjs-button--autoplay-next.vjs-button { .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; order: 1;
width: 24px; width: 24px;
height: 14px; height: 14px;