MobileBlur

Check-in [1d6bdd2f2b]
Login

Check-in [1d6bdd2f2b]

Overview
Comment:Prettied up the feed list page
Timelines: family | ancestors | descendants | both | feature/pretty
Files: files | file ages | folders
SHA1: 1d6bdd2f2b6b9e4690695eb1adc2da8a85a2820c
User & Date: spiffy on 2011-11-22 13:36:43
Other Links: branch diff | manifest | tags
Context
2011-11-22
22:50
Set the page title for the stories list page check-in: 21cebdfb51 user: spiffy tags: feature/pretty
13:36
Prettied up the feed list page check-in: 1d6bdd2f2b user: spiffy tags: feature/pretty
13:01
Set the minimum page scale factor to make it big enough on my tablet check-in: b6f01ceab0 user: spiffy tags: feature/pretty
Changes
Hide Diffs Side-by-Side Diffs Ignore Whitespace Patch

Modified applications/mobileblur/static/css/base.css from [bc70561535] to [bdcac81a66].

︙
524
525
526
527
528
529
530
531

532
533
534
535
536
537
538
539
540
541
542
543

544
545
546
547
548

549
550
551
552
553
554
555
556
557

524
525
526
527
528
529
530

531
532
533
534
535
536
537
538
539
540
541
542

543
544
545
546
547

548
549

550
551
552
553
554
555
556








-
+











-
+




-
+

-








    color: white;
    font-weight: bold;
}

#story-list {
}

#story-list > .story > a {
#story-list > .story > a, .feed > a {
    text-decoration: none;
    font-weight: bold;
    margin-top: 0;
}
#story-list > .story > p {
    font-size: .75em;
}

#story-list > .story > .read {
    color: #CC3333;
}
#story-list > .story > .unread {
#story-list > .story > .unread, .feed > a {
    color: #CC0000;
/*    color: #A8A8EE;*/
}

#story-list > .story {
#story-list > .story, .feed {
    padding: .5%;
    padding-top: 0;
    border-top: 1px solid black;
    margin-top: .33%;
}

span.ps, span.nt, span.ng {
    padding: .05em;
    border-radius: 5px;
︙

Modified applications/mobileblur/views/default/index.html from [db0910ac52] to [de8ac0789f]. 

1
2
3

4
5
6
7





8

1
2
3
4




5
6
7
8
9
10




+
-
-
-
-
+
+
+
+
+


{{extend 'layout.html'}}

{{ for feed in feeds.itervalues(): }}
    <div class="feed">
    {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
    {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
    {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
    <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
        {{ if threshold == -1 and feed["ng"] > 0: }} <span class='ng'>{{= feed["ng"] }}</span> {{ pass }}
        {{ if threshold <= 0 and feed["nt"] > 0: }} <span class='nt'>{{= feed["nt"] }}</span> {{ pass }}
        {{if feed["ps"] > 0: }}<span class='ps'>{{= feed["ps"] }}</span> {{ pass }}
        <a href="{{= URL(c="feeds", f="view", args=[feed["id"]]) }}">{{= feed["feed_title"] }}</a><br />
    </div>
{{ pass }}