MobileBlur

Check-in [137407b6e5]
Login
Overview
SHA1:137407b6e506dcc9e29c4f63df64e0894df50617
Date: 2011-11-20 23:48:28
User: spiffy
Comment:[450ab2dd15] Read stories are now a different color from unread stories
Timelines: family | ancestors | descendants | both | develop
Downloads: Tarball | ZIP archive
Other Links: files | file ages | folders | manifest
Tags And Properties
Context
2011-11-20
23:52
[4e2808f7d1] [12e10e324e61e687d024bb1aac1a1c031ef48dd3] Added each story's timestamp below it in the story list (user: spiffy, tags: develop)
23:48
[137407b6e5] [450ab2dd15] Read stories are now a different color from unread stories (user: spiffy, tags: develop)
23:29
[da2e9d5879] Added a button to mark a story as read (user: spiffy, tags: develop)
Changes
Hide Diffs Side-by-Side Diffs Ignore Whitespace Patch

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

   141    141   h1,h2,h3,h4,h5,h6 { font-weight: bold; }
   142    142   
   143    143   /* always force a scrollbar in non-IE */ 
   144    144   html { overflow-y: scroll; }
   145    145    
   146    146   /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
   147    147   a:hover, a:active { outline: none; }
   148         -
          148  +/*
   149    149   a, a:active, a:visited { color:#607890; }
   150    150   a:hover { color:#036; }
          151  +*/
   151    152   
   152    153   ul, ol { margin-left: 1.8em; }
   153    154   ol { list-style-type: decimal; }
   154    155   
   155    156   /* Remove margins for navigation lists */
   156    157   nav ul, nav li { margin: 0; } 
   157    158   
................................................................................
   550    551     thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
   551    552     tr, img { page-break-inside: avoid; }
   552    553     @page { margin: 0.5cm; }
   553    554     p, h2, h3 { orphans: 3; widows: 3; }
   554    555     h2, h3{ page-break-after: avoid; }
   555    556   }
   556    557   
          558  +#story-list > .read > h2 {
          559  +    color: #607890;
          560  +}
          561  +#story-list > .unread > h2 {
          562  +    color: #306;
          563  +}

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

     1      1   {{left_sidebar_enabled=right_sidebar_enabled=False}}
     2      2   {{extend 'layout.html'}}
     3      3   
     4      4   <h1>{{= feed["feed_title"] }}</h1>
     5      5   <a href="{{= URL("mark_read", args=[feed["id"]]) }}"> Mark feed as read</a>
     6      6   
     7         -{{ for story in stories: }}
     8         -    <a href="{{= URL(c="stories", f="view", vars=dict(story=story["id"], feed_id=feed["id"])) }}"><h2>{{= story["story_title"] }}</h2></a>
     9         -{{ pass }}
            7  +<section id="story-list">
            8  +    {{ for story in stories: }}
            9  +        <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>
           10  +    {{ pass }}
           11  +</section>
    10     12   
    11     13   {{block left_sidebar}}New Left Sidebar Content{{end}}
    12     14   {{block right_sidebar}}New Right Sidebar Content{{end}}