vitalif
/
FeedOnFeeds
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Mobile CSS for FoF

master
vitalif 2010-08-31 21:21:12 +00:00
parent 0fbf39a467
commit 0e735c4d4a
5 changed files with 33 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
fof-css.php
View File

@ -1,8 +0,0 @@
<?php
$width = intval($_REQUEST['width']);
header("Content-Type: text/css");
?>
#sidebar { width: <?=$width?>px; }
#handle { left: <?=$width?>px; }
#items { marginLeft: <?=($width+20)?>px; }
#item-display-controls { left: <?=($width+10)?>px; }

16
fof-mobile.css
View File

@ -1,5 +1,13 @@
#welcome, #addupd, #nav, #nav li, #tags, #taglist, #taglist tr, #taglist td { display: inline; }
#taglist td { margin: 0 4px; }
#feeds { display: none; }
#sidebar { display: block; float: none; width: auto !important; height: auto !important; overflow: visible; position: static; }
#addupd, #nav, #tags, #taglist { display: inline; font-size: 100%; }
#welcome, #item-display-controls, #nav li, #taglist tr, #sidebar { display: block; }
#item-display-controls-spacer, #taglist tr.heading, #feeds { display: none; }
#welcome { text-align: left; }
#addupd { float: left; margin: 4px 8px 4px 4px; }
#nav li { float: left; margin: 4px 8px 4px 0; }
#taglist { clear: both; }
#taglist tr { background-color: #f0f0f0; margin: 4px 4px 0 0; padding: 2px 0; float: left; }
#taglist td { margin: 0 4px; display: inline; background-color: transparent; }
#sidebar { float: none; width: auto !important; height: auto !important; overflow: visible; position: static; }
#handle { display: none; }
#item-display-controls { position: static; clear: both; }
.odd-row { background: transparent; }

13
fof.css
View File

@ -306,7 +306,7 @@ border-bottom: 1px solid #666;
padding: 5px 7px;
}
#addupd { text-align: center; }
#addupd { text-align: center; margin-top: 8px; }
#item-display-controls
{
@ -322,15 +322,10 @@ border-bottom: 1px solid #666;
z-index: 1;
}
#item-display-controls li
{
padding: 5px 4px;
}
.items-title { clear: both; }
#item-display-controls li a
{
padding: 0;
}
#item-display-controls li { padding: 5px 4px; }
#item-display-controls li a { padding: 0; }
#item-display-controls-spacer
{

17
header.php
View File

@ -30,9 +30,9 @@ $unread_count = fof_get_unread_count(fof_current_user());
<title>Feed on Feeds<?php if($unread_count) echo " ($unread_count)";?></title>
<link rel="stylesheet" href="fof.css" media="screen" />
<link rel="stylesheet" href="fof-mobile.css" media="handheld" />
<link rel="stylesheet" href=<?="\"fof-css.php?width=$width\""?> media="screen" />
<link rel="stylesheet" type="text/css" href="fof.css" media="screen" />
<link rel="stylesheet" type="text/css" href="fof-mobile.css" media="handheld" />
<link rel="stylesheet" type="text/css" href="fof-mobile.css" media="only screen and (max-device-width: 600px)" />-->
<script src="prototype/prototype.js" type="text/javascript"></script>
<script src="fof.js" type="text/javascript"></script>
@ -40,10 +40,19 @@ $unread_count = fof_get_unread_count(fof_current_user());
<!--[if IE]>
<script>window.isIE = true;</script>
<style>
#sidebar table { width: <?=($width-20)?>px; }
@media screen { #sidebar table { width: <?=($width-20)?>px; } }
</style>
<![endif]-->
<style>
@media only screen and (min-device-width: 600px) {
#sidebar { width: <?=$width?>px; }
#handle { left: <?=$width?>px; }
#items { margin-left: <?=($width+20)?>px; }
#item-display-controls { left: <?=($width+10)?>px; }
}
</style>
<script>
document.onmousemove = dragResize;
document.onmouseup = completeDrag;

11
items.php
View File

@ -38,9 +38,7 @@ $howmany = $_GET['howmany'];
$title = fof_view_title($_GET['feed'], $what, $_GET['when'], $which, $_GET['howmany'], $_GET['search']);
$noedit = $_GET['noedit'];
?>
<ul id="item-display-controls-spacer" class="inline-list">
/* WTF???? <ul id="item-display-controls-spacer" class="inline-list">
<li class="orderby">[new to old]</li>
<li class="orderby">[old to new]</li>
<li><a href="javascript:flag_all();mark_read()"><strong>Mark all read</strong></a></li>
@ -51,12 +49,11 @@ $noedit = $_GET['noedit'];
<li><a href="javascript:mark_unread()">Mark flagged unread</a></li>
<li><a href="javascript:show_all()">Show all</a></li>
<li><a href="javascript:hide_all()">Hide all</a></li>
</ul>
</ul>*/
<br style="clear: both"><br>
<p><?php echo $title?></p>
?>
<p class="items-title"><?php echo $title?></p>
<ul id="item-display-controls" class="inline-list">
<li class="orderby"><?php