Button for mobile

by kiyoshi, Saturday, March 30, 2013, 01:19 (2897 days ago)

Button for Android (built-in and Firefox).

--- ./public/css/style.css 2013-03-14 17:00:12.000000000 +0900
+++ ./public/css/style.css
@@ -792,13 +792,23 @@
background-size:96px 40px;
}

+ #nav-mobile-next {
+ position:fixed;
+ left:100%;
+ top:10px;
+ margin-left:-48px;
+ font-size: 48px;
+ color: black;
+ background: white;
+ z-index: 2;
+ }
+
#nav-mobile-settings {
position:absolute;
width:29px;
height:29px;
- left:100%;
+ left:0%;
top:10px;
- margin-left:-48px;
background:url(images/nav-mobile-settings.png) no-repeat;
background-size:29px 29px;
}
--- ./public/js/selfoss-events.js 2013-03-15 10:39:38.000000000 +0900
+++ ./public/js/selfoss-events.js
@@ -178,6 +178,11 @@

});

+ $('#nav-mobile-next').unbind('click').click(function () {
+ $('.entry.selected.unread .entry-unread').click();
+ selfoss.shortcuts.nextprev('next', true);
+ });
+
// login
$('#nav-login').unbind('click').click(function () {
window.location.href = $('base').attr('href')+"?login=1";
--- ./templates/home.phtml 2013-01-29 18:44:10.000000000 +0900
+++ ./templates/home.phtml
@@ -30,6 +30,7 @@
<div id="nav-mobile">
<div id="nav-mobile-logo"></div>
<div id="nav-mobile-settings"></div>
+ <div id="nav-mobile-next">&gt;</div>
</div>

<!-- navigation -->


Complete thread:

 RSS Feed of thread

powered by my little forum