Steve Lhomme pushed to branch master at VideoLAN / VLC
Commits:
27042bbb by Kerrick Staley at 2023-02-14T14:21:38+00:00
Enlarge buttons in remote-control web UI
- - - - -
1 changed file:
- share/lua/http/css/mobile.css
Changes:
=====================================
share/lua/http/css/mobile.css
=====================================
@@ -80,19 +80,21 @@ body{
#buttons{
+ --button-scale: 1.2;
margin:0 auto;
position: relative;
- width: 288px;
+ width: calc(288px * var(--button-scale));
}
.button48{
- width: 48px;
- height: 48px;
+ width: calc(48px * var(--button-scale));
+ height: calc(48px * var(--button-scale));
margin: 5px 0px 5px 0px;
background: none;
border: none;
display: inline-block;
cursor: pointer;
background-image: url("../images/buttons.png");
+ background-size: calc(672px * var(--button-scale));
background-repeat: no-repeat;
}
@@ -104,34 +106,34 @@ body{
background-position: 0px 0px;
}
#buttonStop{
- background-position: -576px 0px;
+ background-position: calc(-576px * var(--button-scale)) 0px;
}
#buttonRewd{
- background-position: -528px 0px;
+ background-position: calc(-528px * var(--button-scale)) 0px;
}
#buttonFwrd{
- background-position: -96px 0px;
+ background-position: calc(-96px * var(--button-scale)) 0px;
}
.playing {
- background-position: -336px 0px;
+ background-position: calc(-336px * var(--button-scale)) 0px;
}
.paused {
- background-position: -384px 0px;
+ background-position: calc(-384px * var(--button-scale)) 0px;
}
#buttonPrev{
- background-position: -144px 0px;
+ background-position: calc(-144px * var(--button-scale)) 0px;
}
#buttonNext{
- background-position: -288px 0px;
+ background-position: calc(-288px * var(--button-scale)) 0px;
}
#buttonFull{
- background-position: -192px 0px;
+ background-position: calc(-192px * var(--button-scale)) 0px;
}
#buttonSout{
- background-position: -624px 0px;
+ background-position: calc(-624px * var(--button-scale)) 0px;
}
#buttonEQ{
- background-position: -48px 0px;
+ background-position: calc(-48px * var(--button-scale)) 0px;
}
#window_browse ol{
list-style-type: none;
View it on GitLab:
https://code.videolan.org/videolan/vlc/-/commit/27042bbbe479970a51883cc28373ec5575efb699
--
View it on GitLab:
https://code.videolan.org/videolan/vlc/-/commit/27042bbbe479970a51883cc28373ec5575efb699
You're receiving this email because of your account on code.videolan.org.
VideoLAN code repository instance_______________________________________________
vlc-commits mailing list
vlc-commits@videolan.org
https://mailman.videolan.org/listinfo/vlc-commits
