keith/friendica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #2006 from annando/1511-vier-mobile

Browse source 
Vier is now a little bit more mobile ready.
This commit is contained in:
Tobias Diekershoff 2015-11-03 07:30:36 +01:00
commit 162931be91
2 changed files with 57 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
view/theme/vier/mobile.css Normal file
View file

@ -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);
}

8
view/theme/vier/theme.php
View file

@ -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()) { if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname'] or $a->argv[0] === "network" && local_user()) {
vier_community_info(); 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 $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' /> <link rel='stylesheet' media='screen and (max-width: 1100px)' href='view/theme/vier/narrow.css' />
<script type="text/javascript"> <script type="text/javascript">
@ -85,7 +89,7 @@ EOT;
// Hide the left menu bar // Hide the left menu bar
if (($a->page['aside'] == "") AND in_array($a->argv[0], array("community", "events", "help", "manage", "notifications", 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' />"; $a->page['htmlhead'] .= "<link rel='stylesheet' href='view/theme/vier/hide.css' />";
} }