kopia lustrzana https://github.com/friendica/friendica
mobile friendly tabs
rodzic
c687069709
commit
e5edd7b7db
|
@ -115,3 +115,28 @@ aside {
|
||||||
aside.show {
|
aside.show {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* tabs */
|
||||||
|
.tabs { position: relative; height: 25px!important; }
|
||||||
|
.tabs li { width: 100%; }
|
||||||
|
.tabs .tab { display: none;}
|
||||||
|
.tabs .tab.active { display: block; }
|
||||||
|
.tabs::after {
|
||||||
|
content: " ";
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: 0; right:0; top: 0; bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs.show {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1000;
|
||||||
|
left: 10px;
|
||||||
|
right: 10px;
|
||||||
|
top: 0px;
|
||||||
|
bottom: 10px;
|
||||||
|
height: auto !important;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
.tabs.show::after { display: none; }
|
||||||
|
.tabs.show .tab { display: block; }
|
||||||
|
|
|
@ -33,7 +33,7 @@ function vier_init(&$a) {
|
||||||
$a->page['htmlhead'] .= '<meta name=viewport content="width=device-width, initial-scale=1">'."\n";
|
$a->page['htmlhead'] .= '<meta name=viewport content="width=device-width, initial-scale=1">'."\n";
|
||||||
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="view/theme/vier/mobile.css" media="screen"/>'."\n";
|
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="view/theme/vier/mobile.css" media="screen"/>'."\n";
|
||||||
}
|
}
|
||||||
$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="view/theme/vier/mobile.css" media="screen and (max-width: 1000px)"/>'."\n";
|
#$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="view/theme/vier/mobile.css" media="screen and (max-width: 1000px)"/>'."\n";
|
||||||
|
|
||||||
$a->page['htmlhead'] .= <<< EOT
|
$a->page['htmlhead'] .= <<< EOT
|
||||||
<link rel='stylesheet' type='text/css' href='view/theme/vier/narrow.css' media='screen and (max-width: 1100px)' />
|
<link rel='stylesheet' type='text/css' href='view/theme/vier/narrow.css' media='screen and (max-width: 1100px)' />
|
||||||
|
@ -92,6 +92,9 @@ $(document).ready(function() {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
$("aside").toggleClass("show");
|
$("aside").toggleClass("show");
|
||||||
});
|
});
|
||||||
|
$(".tabs").click(function(e){
|
||||||
|
$(this).toggleClass("show");
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
Ładowanie…
Reference in New Issue