kopia lustrzana https://github.com/friendica/friendica
Merge pull request #2006 from annando/1511-vier-mobile
Vier is now a little bit more mobile ready.pull/2009/head
commit
162931be91
|
@ -0,0 +1,51 @@
|
|||
aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.hide-comments-outer {
|
||||
width: calc(100% - 105px);
|
||||
}
|
||||
|
||||
section {
|
||||
/* left: calc((100% - (784px)) / 2); */
|
||||
left: 0px;
|
||||
width: calc(100% - 20px);
|
||||
max-width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
body, section, nav .nav-menu, div.pager, ul.tabs, .wall-item-container .wall-item-ago, .wall-item-network,
|
||||
.type-link blockquote, .type-video blockquote {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
nav {
|
||||
min-width: 480px;
|
||||
}
|
||||
|
||||
.wall-item-container .wall-item-content {
|
||||
/* margin-left: -70px;
|
||||
padding-top: 25px; */
|
||||
}
|
||||
|
||||
.wall-item-container .wall-item-content img {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
nav ul {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.wall-item-container.thread_level_2,
|
||||
.wall-item-container.thread_level_3,
|
||||
.wall-item-container.thread_level_4,
|
||||
.wall-item-container.thread_level_5,
|
||||
.wall-item-container.thread_level_6,
|
||||
.wall-item-container.thread_level_7 {
|
||||
margin-left: 60px;
|
||||
width: calc(100% - 70px);
|
||||
}
|
|
@ -26,10 +26,14 @@ function vier_init(&$a) {
|
|||
if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname'] or $a->argv[0] === "network" && local_user()) {
|
||||
vier_community_info();
|
||||
|
||||
$a->page['htmlhead'] .= "<link rel='stylesheet' media='screen and (min-width: 1300px)' href='view/theme/vier/wide.css' />";
|
||||
$a->page['htmlhead'] .= "<link rel='stylesheet' media='screen and (min-width: 1300px)' href='view/theme/vier/wide.css' />\n";
|
||||
}
|
||||
|
||||
if ($a->is_mobile || $a->is_tablet)
|
||||
$a->page['htmlhead'] .= '<meta name=viewport content="width=device-width, initial-scale=1">'."\n";
|
||||
|
||||
$a->page['htmlhead'] .= <<< EOT
|
||||
<link rel='stylesheet' media='(max-width: 1010px)' href='view/theme/vier/mobile.css' />
|
||||
<link rel='stylesheet' media='screen and (max-width: 1100px)' href='view/theme/vier/narrow.css' />
|
||||
<script type="text/javascript">
|
||||
|
||||
|
@ -85,7 +89,7 @@ EOT;
|
|||
|
||||
// Hide the left menu bar
|
||||
if (($a->page['aside'] == "") AND in_array($a->argv[0], array("community", "events", "help", "manage", "notifications",
|
||||
"probe", "webfinger", "login", "invite")))
|
||||
"probe", "webfinger", "login", "invite", "credits")))
|
||||
$a->page['htmlhead'] .= "<link rel='stylesheet' href='view/theme/vier/hide.css' />";
|
||||
}
|
||||
|
||||
|
|
Ładowanie…
Reference in New Issue