asvstudiosapps/rpigroupplay
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vers. 2.1.4

Browse Source
This commit is contained in:
Alex Speaker
2026-01-30 00:08:08 +01:00
parent ff9c5896f0
commit 91ebc5c883
3 changed files with 62 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
css/style.css
View File

@@ -289,12 +289,12 @@ main {
margin: 0; margin: 0;
} */ } */
.stationCard.isthematic{ .stationCard.isthematic {
text-align: right; text-align: right;
margin-top: -24px; margin-top: -24px;
} }
.stationCard.isthematic:before{ .stationCard.isthematic:before {
content: "Tematica"; content: "Tematica";
position: relative; position: relative;
background: #f7b835; background: #f7b835;
@@ -308,7 +308,7 @@ main {
margin: 0; margin: 0;
} }
iframe.contentplayer{ iframe.contentplayer {
position: absolute; position: absolute;
left: 50%; left: 50%;
height: calc(100vh - 312px); height: calc(100vh - 312px);
@@ -317,7 +317,7 @@ iframe.contentplayer{
transform: translateX(-50%); transform: translateX(-50%);
} }
.footer_player{ .footer_player {
background: #f7b835; background: #f7b835;
color: #2a377d; color: #2a377d;
position: fixed; position: fixed;
@@ -333,16 +333,16 @@ iframe.contentplayer{
padding: 20px; padding: 20px;
} }
.footer_player > .row > .col-2 > img{ .footer_player>.row>.col-2>img {
border-radius: 5px; border-radius: 5px;
} }
button#playPauseBtn{ button#playPauseBtn {
background: none; background: none;
border: none; border: none;
} }
.footer{ .footer {
z-index: 1; z-index: 1;
} }
@@ -398,3 +398,28 @@ button#playPauseBtn{
} }
/* Forza orientamento portrait - nasconde contenuto in landscape */
@media screen and (orientation: landscape) and (max-height: 450px) {
body.appBody::after {
content: "Ruota il dispositivo in verticale";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2a377e;
color: white;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-weight: 600;
z-index: 9999;
text-align: center;
padding: 20px;
}
body.appBody>* {
display: none !important;
}
}

8
data/changelog.xml
View File

@@ -2,6 +2,14 @@
<changelog> <changelog>
<version>
<number>2.1.4</number>
<logs>
<log>Corretto la visione verticale sui dispositivi mobili</log>
<log>Correzione e bugfix di problematiche varie.</log>
</logs>
</version>
<version> <version>
<number>2.1.3 (a)</number> <number>2.1.3 (a)</number>
<logs> <logs>

22
static/head.php
View File

@@ -32,6 +32,7 @@ header('Referrer-Policy: strict-origin-when-cross-origin');
<meta name="screen-orientation" content="portrait"> <meta name="screen-orientation" content="portrait">
<meta name="x5-orientation" content="portrait"> <meta name="x5-orientation" content="portrait">
<meta name="x5-fullscreen" content="true"> <meta name="x5-fullscreen" content="true">
<meta name="apple-mobile-web-app-orientations" content="portrait">
<meta name="browsermode" content="application"> <meta name="browsermode" content="application">
<link rel="manifest" href="<?=$base_path?>/manifest.json?v=<?=$version_app?>"> <link rel="manifest" href="<?=$base_path?>/manifest.json?v=<?=$version_app?>">
<link rel="stylesheet" href="<?=$base_path?>/css/bootstrap.css"> <link rel="stylesheet" href="<?=$base_path?>/css/bootstrap.css">
@@ -43,6 +44,27 @@ header('Referrer-Policy: strict-origin-when-cross-origin');
<script> <script>
// Passa il percorso base a JavaScript // Passa il percorso base a JavaScript
var BASE_PATH = "<?=$base_path?>"; var BASE_PATH = "<?=$base_path?>";
// Forza l'orientamento portrait
if (window.screen && window.screen.orientation) {
// Tenta di bloccare l'orientamento in portrait
window.addEventListener('load', function() {
if (screen.orientation && screen.orientation.lock) {
screen.orientation.lock('portrait').catch(function(error) {
console.log('Orientation lock not supported or failed:', error);
});
}
});
}
// Fallback per dispositivi che non supportano l'API
// Mostra un avviso se l'utente ruota il dispositivo
window.addEventListener('orientationchange', function() {
if (window.orientation !== 0 && window.orientation !== 180) {
// Il dispositivo è in landscape, ma non possiamo forzarlo
console.log('Si prega di tenere il dispositivo in posizione verticale');
}
});
</script> </script>
</head> </head>
<body class="<?php echo $show_app ? 'appBody' : 'desktopBody'; ?>"> <body class="<?php echo $show_app ? 'appBody' : 'desktopBody'; ?>">