yetangitu/Oinktube
1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-06 03:50:04 +02:00
Code Issues Releases Wiki Activity

Change the compress menu button and add a back button if it is a PWA

Browse source
This commit is contained in:
Daniel Neto 2024-04-09 16:24:17 -03:00
parent 243a300016
commit 24d0525f7d
3 changed files with 19 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

13
view/css/navbar.css
View file

@ -19,16 +19,19 @@
transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;
} }
#menuBackButton,
#compressMenu{ #compressMenu{
display: none; display: none;
} }
body.youtube #compressMenu{ body.youtube #compressMenu,
body.pwa #menuBackButton{
display: inline-block; display: inline-block;
} }
#buttonMenu{ #buttonMenu{
border-radius: 4px; border-radius: 4px;
margin: 0;
} }
body.youtube #buttonMenu{ body.youtube #buttonMenu{
@ -36,17 +39,17 @@ body.youtube #buttonMenu{
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} }
body.youtube #compressMenu .fa-chevron-left{ body.youtube #compressMenu .compress{
display: inline-block; display: inline-block;
} }
body.youtube #compressMenu .fa-chevron-right{ body.youtube #compressMenu .expand{
display: none; display: none;
} }
body.youtube.compressedMenu #compressMenu .fa-chevron-right{ body.youtube.compressedMenu #compressMenu .expand{
display: inline-block; display: inline-block;
} }
body.youtube.compressedMenu #compressMenu .fa-chevron-left{ body.youtube.compressedMenu #compressMenu .compress{
display: none; display: none;
} }

11
view/include/navbarMenuAndLogo.php
View file

@ -2,13 +2,16 @@
<ul class="left-side"> <ul class="left-side">
<li style="max-width: 80px;"> <li style="max-width: 80px;">
<div class="btn-group justified"> <div class="btn-group justified">
<button type="button" id="compressMenu" class="btn btn-default" onclick="YPTSidebarCompressToggle();"> <button type="button" id="menuBackButton" class="btn btn-default" onclick="window.history.back();" data-toggle="tooltip" title="<?php echo __('Back'); ?>" data-placement="bottom">
<i class="fa-solid fa-chevron-right" data-toggle="tooltip" title="<?php echo __('Uncompress Menu'); ?>" data-placement="right"></i> <i class="fa-solid fa-chevron-left"></i>
<i class="fa-solid fa-chevron-left" data-toggle="tooltip" title="<?php echo __('Compress Menu'); ?>" data-placement="right"></i>
</button> </button>
<?php <?php
echo getHamburgerButton('buttonMenu', 'x', 'class="btn btn-default pull-left hamburger" data-toggle="tooltip" title="' . __("Main Menu") . '" data-placement="right"'); echo getHamburgerButton('buttonMenu', 'x', 'class="btn btn-default pull-left hamburger" data-toggle="tooltip" title="' . __("Main Menu") . '" data-placement="bottom"');
?> ?>
<button type="button" id="compressMenu" class="btn btn-default" onclick="YPTSidebarCompressToggle();">
<i class="fa-solid fa-compress compress" data-toggle="tooltip" title="<?php echo __('Compress Menu'); ?>" data-placement="bottom"></i>
<i class="fa-solid fa-expand expand" data-toggle="tooltip" title="<?php echo __('Expand Menu'); ?>" data-placement="bottom"></i>
</button>
<?php <?php
if ($advancedCustom->disableNavBarInsideIframe) { if ($advancedCustom->disableNavBarInsideIframe) {
?> ?>

5
view/js/script.js
View file

@ -69,6 +69,10 @@ try {
} catch (e) { } catch (e) {
//console.log('Variable declaration ERROR', e); //console.log('Variable declaration ERROR', e);
} }
//add the class pwa in the <body> tag if is a pwa app
if (window.navigator.standalone || window.matchMedia('(display-mode: standalone)').matches) {
document.body.classList.add('pwa');
}
var queryString = window.location.search; var queryString = window.location.search;
var urlParams = new URLSearchParams(queryString); var urlParams = new URLSearchParams(queryString);
@ -4146,4 +4150,3 @@ function formatNumber(num) {
} }
} }
} }