better read colors, more fixes
This commit is contained in:
parent
c33cfe1ed6
commit
33add515d3
4 changed files with 38 additions and 10 deletions
|
@ -156,6 +156,11 @@ canvas {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.red #list li { border-bottom: 1px solid #c0392b; }
|
||||
.white #list li { border-bottom: 1px solid #bdc3c7; }
|
||||
.blue #list li { border-bottom: 1px solid #2980b9; }
|
||||
.yellow #list li { border-bottom: 1px solid #f39c12; }
|
||||
|
||||
#list li:after {
|
||||
content: "›";
|
||||
position: absolute;
|
||||
|
@ -166,6 +171,11 @@ canvas {
|
|||
font-family: "Open Sans";
|
||||
}
|
||||
|
||||
.red #list li:after { color: #c0392b; }
|
||||
.white #list li:after { color: #bdc3c7; }
|
||||
.blue #list li:after { color: #2980b9; }
|
||||
.yellow #list li:after { color: #f39c12; }
|
||||
|
||||
#list li > a {
|
||||
display: block;
|
||||
padding: 5px 25px 5px 10px;
|
||||
|
@ -174,7 +184,7 @@ canvas {
|
|||
}
|
||||
|
||||
#list li.unread:after {
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#full > article {
|
||||
|
@ -188,6 +198,8 @@ canvas {
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#full h1 a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
@ -202,8 +214,17 @@ canvas {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#full article header {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
#full article header p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#full footer.bar {
|
||||
margin: 10px -10px 0 -10px;
|
||||
margin: 30px -10px 0 -10px;
|
||||
}
|
||||
|
||||
#full footer.bar a.next {
|
||||
|
|
BIN
feedmonkey.zip
Normal file
BIN
feedmonkey.zip
Normal file
Binary file not shown.
|
@ -29,7 +29,7 @@
|
|||
|
||||
<section id="settings">
|
||||
<header class="bar">
|
||||
<a class="button" href="#list">Back</a>
|
||||
<a class="button" href="#list">List</a>
|
||||
</header>
|
||||
<article>
|
||||
<ul>
|
||||
|
|
21
js/App.js
21
js/App.js
|
@ -7,11 +7,6 @@ function App() {
|
|||
if(!color) color = "red";
|
||||
this.setColor(color);
|
||||
|
||||
var request = window.navigator.mozApps.getSelf();
|
||||
request.onsuccess = function() {
|
||||
$("#version").innerHTML = request.result.manifest.version;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
App.prototype.authenticate = function() {
|
||||
|
@ -20,6 +15,11 @@ App.prototype.authenticate = function() {
|
|||
|
||||
App.prototype.after_login = function() {
|
||||
|
||||
var request = window.navigator.mozApps.getSelf();
|
||||
request.onsuccess = function() {
|
||||
$("#version").innerHTML = request.result.manifest.version;
|
||||
}
|
||||
|
||||
var _this = this;
|
||||
|
||||
window.onhashchange = function(e) {
|
||||
|
@ -31,6 +31,7 @@ App.prototype.after_login = function() {
|
|||
var url = window.location.hash;
|
||||
|
||||
if(url == "#list") {
|
||||
_this.setCurrentRead();
|
||||
_this.changeToPage("#list");
|
||||
} else if(url == "#reload") {
|
||||
_this.reload();
|
||||
|
@ -68,7 +69,9 @@ App.prototype.after_login = function() {
|
|||
$(".info.swipe").addClass("hidden");
|
||||
};
|
||||
|
||||
if(localStorage.info_swipe) {
|
||||
var supportsTouch = 'ontouchend' in document;
|
||||
|
||||
if(!supportsTouch || localStorage.info_swipe) {
|
||||
$(".info.swipe").addClass("hidden");
|
||||
}
|
||||
|
||||
|
@ -271,14 +274,18 @@ App.prototype.showPrevious = function() {
|
|||
|
||||
App.prototype.setCurrentRead = function() {
|
||||
var article = this.unread_articles[this.currentIndex];
|
||||
if(!article) return; // happens if we're not on a full article site
|
||||
|
||||
if(!article.set_unread) {
|
||||
article.unread = false;
|
||||
this.updateList();
|
||||
var _this = this;
|
||||
setTimeout(function() { _this.ttrss.setArticleRead(article.id); },100);
|
||||
setTimeout(function() { _this.ttrss.setArticleRead(article.id); }, 100);
|
||||
}
|
||||
|
||||
article.set_unread = false;
|
||||
|
||||
this.updatePieChart();
|
||||
};
|
||||
|
||||
App.prototype.setCurrentUnread = function() {
|
||||
|
|
Reference in a new issue