MobileBlur

Check-in [137407b6e5]
Login

Check-in [137407b6e5]

Overview
Comment:[450ab2dd15] Read stories are now a different color from unread stories
Timelines: family | ancestors | descendants | both | develop
Files: files | file ages | folders
SHA1: 137407b6e506dcc9e29c4f63df64e0894df50617
User & Date: spiffy on 2011-11-20 23:48:28
Other Links: branch diff | manifest | tags
References
2011-11-20
23:49 Closed ticket [450ab2dd15]: Make unread stories a different color from read stories in the story list plus 3 other changes artifact: f2a125a46f user: spiffytech
Context
2011-11-20
23:52
[12e10e324e61e687d024bb1aac1a1c031ef48dd3] Added each story's timestamp below it in the story list check-in: 4e2808f7d1 user: spiffy tags: develop
23:48
[450ab2dd15] Read stories are now a different color from unread stories check-in: 137407b6e5 user: spiffy tags: develop
23:29
Added a button to mark a story as read check-in: da2e9d5879 user: spiffy tags: develop
Changes

Modified applications/mobileblur/static/css/base.css from [0353986da0] to [b086dc4442].

141
142
143
144
145
146
147
148

149
150

151
152
153
154
155
156
157
141
142
143
144
145
146
147

148
149
150
151
152
153
154
155
156
157
158







-
+


+







h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

/*
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
*/

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

550
551
552
553
554
555
556






551
552
553
554
555
556
557
558
559
560
561
562
563







+
+
+
+
+
+
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#story-list > .read > h2 {
    color: #607890;
}
#story-list > .unread > h2 {
    color: #306;
}

Modified applications/mobileblur/views/feeds/view.html from [ea3619c2f3] to [8998393fb7].

1
2
3
4
5
6

7
8
9




10
11
12
1
2
3
4
5
6
7



8
9
10
11
12
13
14






+
-
-
-
+
+
+
+



{{left_sidebar_enabled=right_sidebar_enabled=False}}
{{extend 'layout.html'}}

<h1>{{= feed["feed_title"] }}</h1>
<a href="{{= URL("mark_read", args=[feed["id"]]) }}"> Mark feed as read</a>

<section id="story-list">
{{ for story in stories: }}
    <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}"><h2>{{= story["story_title"] }}</h2></a>
{{ pass }}
    {{ for story in stories: }}
        <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}" class="{{= "unread" if story["read_status"] == 1 else "read" }}"><h2>{{= story["story_title"] }}</h2></a>
    {{ pass }}
</section>

{{block left_sidebar}}New Left Sidebar Content{{end}}
{{block right_sidebar}}New Right Sidebar Content{{end}}