MobileBlur

Check-in [137407b6e5]
Login
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
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; } 








|


>







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






  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; }
}














>
>
>
>
>
>
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
{{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>


{{ 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 }}


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






>
|
|
|
>



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"])) }}" 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}}