jeena/FeedMonkey
Archived
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

fix navigation hierarchy, use top bar and align controls

Browse source
This commit is contained in:
Jan-Christoph Borchardt 2013-09-22 02:27:18 +02:00
parent 3b80e68c54
commit f9d0c7c910
2 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
css/screen.css
View file

@ -120,6 +120,15 @@ section > header h1 {
overflow: auto; overflow: auto;
} }
.reload, .all-read, #setstarred, #setunread {
float: right;
margin-left: 10px;
}
.settings, .list {
float: left;
}
section > footer { section > footer {
padding: 10px; padding: 10px;
position: fixed; position: fixed;

16
index.html
View file

@ -18,15 +18,15 @@
<body> <body>
<section id="list" class="active"> <section id="list" class="active">
<header class="bar">
<a class="button icon settings" href="#settings">&#9881;</a>
<a class="button icon reload" href="#reload">&#128260;</a>
<a class="button icon all-read" href="#all-read" id="all-read">❌</a>
<canvas width="40" height="40"></canvas>
</header>
<article> <article>
<ul></ul> <ul></ul>
</article> </article>
<footer class="bar">
<a class="button icon" href="#reload">&#128260;</a>
<a class="button icon" href="#all-read" id="all-read">❌</a>
<a class="button icon" href="#settings">&#9881;</a>
<canvas width="40" height="40"></canvas>
</footer>
</section> </section>
<section id="settings"> <section id="settings">
@ -83,9 +83,9 @@
<section id="full"> <section id="full">
<header class="bar"> <header class="bar">
<a class="button icon" href="#list">&#57349;</a> <a class="button icon list" href="#list">&#57349;</a>
<a id="setunread" class="button icon" href="#unread">✓</a>
<a id="setstarred" class="button icon" href="#starred">&#9734;</a> <a id="setstarred" class="button icon" href="#starred">&#9734;</a>
<a id="setunread" class="button icon" href="#unread">✓</a>
<canvas width="40" height="40"></canvas> <canvas width="40" height="40"></canvas>
</header> </header>
<article> <article>