mirror of
https://github.com/viq/NewsBlur.git
synced 2025-09-18 21:43:31 +00:00
fixing up the comments
This commit is contained in:
Roy Yang
parent
265eb3d698
commit
19fc2f78e2
4 changed files with 40 additions and 17 deletions
|
|
@ -501,17 +501,16 @@
|
|||
" %@"
|
||||
" <div class=\"NB-story-comment-date\">%@ ago</div>"
|
||||
"</div>"
|
||||
"<div class=\"NB-story-comment-content\">%@"
|
||||
"<div class=\"NB-story-comment-content\">%@</div>"
|
||||
|
||||
"<div style=\"clear:both\">"
|
||||
" <div class=\"NB-button-wrapper\" style=\"clear:both; padding-bottom: 8px;\">"
|
||||
" %@" //User Like Button>"
|
||||
" %@" //User Edit Button>"
|
||||
" <div class=\"NB-story-comment-reply-button NB-button\">"
|
||||
" <a href=\"http://ios.newsblur.com/reply/%@/%@\"><div class=\"NB-story-comment-reply-button-wrapper\">"
|
||||
" Reply"
|
||||
" </div></a>"
|
||||
" </div>"
|
||||
" %@" //User Edit Button>"
|
||||
" %@" //User Like Button>"
|
||||
"</div>"
|
||||
"</div>"
|
||||
"%@"
|
||||
"</div>",
|
||||
|
|
@ -524,10 +523,10 @@
|
|||
locationHtml,
|
||||
[commentDict objectForKey:@"shared_date"],
|
||||
commentContent,
|
||||
[commentDict objectForKey:@"user_id"],
|
||||
[user objectForKey:@"username"],
|
||||
userEditButton,
|
||||
userLikeButton,
|
||||
[commentDict objectForKey:@"user_id"],
|
||||
[user objectForKey:@"username"],
|
||||
[self getReplies:[commentDict objectForKey:@"replies"] forUserId:[commentDict objectForKey:@"user_id"]]];
|
||||
|
||||
}
|
||||
|
|
@ -553,7 +552,7 @@
|
|||
"<div class=\"NB-story-comment-edit-button NB-story-comment-share-edit-button NB-button\">"
|
||||
"<a href=\"http://ios.newsblur.com/edit-reply/%@/%@/%@\">"
|
||||
"<div class=\"NB-story-comment-edit-button-wrapper\">"
|
||||
"edit"
|
||||
"Edit"
|
||||
"</div>"
|
||||
"</a>"
|
||||
"</div>",
|
||||
|
|
@ -583,7 +582,9 @@
|
|||
" <div class=\"NB-story-comment-username NB-story-comment-reply-username\">%@</div>"
|
||||
" %@"
|
||||
" <div class=\"NB-story-comment-date NB-story-comment-reply-date\">%@ ago</div>"
|
||||
" <div class=\"NB-button-wrapper\">"
|
||||
" %@" //User Edit Button>"
|
||||
" </div>"
|
||||
" <div class=\"NB-story-comment-reply-content\">%@</div>"
|
||||
"</div>",
|
||||
[replyDict objectForKey:@"reply_id"],
|
||||
|
|
@ -595,7 +596,27 @@
|
|||
userEditButton,
|
||||
replyContent];
|
||||
} else {
|
||||
|
||||
reply = [NSString stringWithFormat:@
|
||||
"<div class=\"NB-story-comment-reply\" id=\"NB-user-comment-%@\">"
|
||||
" <a class=\"NB-show-profile\" href=\"http://ios.newsblur.com/show-profile/%@\">"
|
||||
" <img class=\"NB-story-comment-reply-photo\" src=\"%@\" />"
|
||||
" </a>"
|
||||
" <div class=\"NB-story-comment-username NB-story-comment-reply-username\">%@</div>"
|
||||
" %@"
|
||||
" <div class=\"NB-story-comment-date NB-story-comment-reply-date\">%@ ago</div>"
|
||||
" <div class=\"NB-story-comment-reply-content\">%@</div>"
|
||||
" <div style=\"clear:both;\" class=\"NB-button-wrapper\">"
|
||||
" %@" //User Edit Button>"
|
||||
" </div>"
|
||||
"</div>",
|
||||
[replyDict objectForKey:@"reply_id"],
|
||||
[user objectForKey:@"user_id"],
|
||||
[user objectForKey:@"photo_url"],
|
||||
[user objectForKey:@"username"],
|
||||
locationHtml,
|
||||
[replyDict objectForKey:@"publish_date"],
|
||||
replyContent,
|
||||
userEditButton];
|
||||
}
|
||||
repliesString = [repliesString stringByAppendingString:reply];
|
||||
}
|
||||
|
|
|
|||
|
|
@ -254,6 +254,7 @@
|
|||
clear: left;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
|
||||
#story_pane .NB-feed-story-endbar {
|
||||
height: 8px;
|
||||
border-top: 1px solid #404040;
|
||||
|
|
|
|||
|
|
@ -1 +1,4 @@
|
|||
<html><head><link rel="stylesheet" type="text/css" href="reader.css" ><link rel="stylesheet" type="text/css" href="storyDetailView.css" ><meta name="viewport" id="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/></head><body id="story_pane" class="NB-iphone"> <div class="NB-header"><div class="NB-header-inner"><div class="NB-story-date">Tuesday, July 31st, 2012 7:00am</div><div class="NB-story-title">Beyond Usability Testing</div><div class="NB-story-author">Devan Goldstein</div><div class="NB-story-tags"><div class="NB-story-tag">user science</div><div class="NB-story-tag">usability</div><div class="NB-story-tag">user research</div></div></div></div> <div id="NB-share-bar-wrapper"><div class="NB-story-shares"><div class="NB-story-comments-shares-teaser-wrapper"><div class="NB-story-comments-shares-teaser"><div class="NB-story-comments-label"><b>1 comment</b></div><div class="NB-story-share-profiles NB-story-share-profiles-comments"><div class="NB-story-share-profile"><div class="NB-public-user NB-user-avatar"><a id="NB-user-share-bar-3" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/3"><img src="http://www.gravatar.com/avatar/8cef1a0df909c0290fdc1d87c6c30a55" /></a></div></div></div><div class="NB-right"><div class="NB-story-share-profiles NB-story-share-profiles-shares"></div><div class="NB-story-share-label"><b>1 share</b></div></div></div></div></div></div></div></div> <div class="NB-san-serif" id="NB-font-style"> <div class="NB-medium" id="NB-font-size"> <div class="NB-story">To be sure we’re designing the right experience for the right audience, there’s no substitute for research conducted with actual users. Like any research method, though, usability testing has its drawbacks. Most importantly, it isn’t cheap. Fortunately, there are other usability research methods at our disposal. The standouts, expert review and heuristic evaluation, are easy to add to a design and development process almost regardless of budget or resource concerns. Explore these techniques, learn their advantages and disadvantages, and get the low-down on how to include them in your projects.<img height="1" src="http://feeds.feedburner.com/~r/alistapart/main/~4/8q_sNB4zYjA" width="1" /></div> </div> </div> <div class='NB-share-header'></div><div class='NB-share-wrapper'><div class='NB-share-inner-wrapper'><div id="NB-share-button-id" class='NB-share-button NB-button'><a href="http://ios.newsblur.com/share"><div>Post to Blurblog <span class="NB-share-icon"></span></div></a></div></div></div> <div id="NB-comments-wrapper"> <div class="NB-feed-story-comments"><div class="NB-story-comments-public-header-wrapper"><div class="NB-story-comments-public-header">1 public comment</div></div><div class="NB-story-comment" id="NB-user-comment-3"><div class="NB-user-avatar"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/3"><img src="http://www.gravatar.com/avatar/8cef1a0df909c0290fdc1d87c6c30a55" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-username">Roy</div> <div class="NB-story-comment-location">asd ASdsa dASd asdASdasdasdasdasdasdasda</div> <div class="NB-story-comment-date">2 hours ago</div></div><div class="NB-story-comment-content">Cool article<div style="clear:both"> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/3/Roy"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div> <div class="NB-story-comment-edit-button NB-story-comment-share-edit-button NB-button"><a href="http://ios.newsblur.com/edit-share/3"><div class="NB-story-comment-edit-button-wrapper">Edit</div></a></div> </div></div><div class="NB-story-comment-replies"><div class="NB-story-comment-reply" id="NB-user-comment-50297351c6cd1a3d7700004b"> <a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/3"> <img class="NB-story-comment-reply-photo" src="http://www.gravatar.com/avatar/8cef1a0df909c0290fdc1d87c6c30a55" /> </a> <div class="NB-story-comment-username NB-story-comment-reply-username">Roy</div> <div class="NB-story-comment-location">asd ASdsa dASd asdASdasdasdasdasdasdasda</div> <div class="NB-story-comment-date NB-story-comment-reply-date">just a second ago</div> <div class="NB-story-comment-edit-button NB-story-comment-share-edit-button NB-button"><a href="http://ios.newsblur.com/edit-reply/3/3/50297351c6cd1a3d7700004b"><div class="NB-story-comment-edit-button-wrapper">edit</div></a></div> <div class="NB-story-comment-reply-content">Dude!</div></div></div></div></div> </div> <script src="zepto.js"></script><script src="storyDetailView.js"></script></body></html>
|
||||
<html><head><link rel="stylesheet" type="text/css" href="reader.css" ><link rel="stylesheet" type="text/css" href="storyDetailView.css" ><meta name="viewport" id="viewport" content="width=320, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/></head><body id="story_pane" class="NB-iphone"> <div class="NB-header"><div class="NB-header-inner"><div class="NB-story-date">30 Jul 2012, 8:05pm</div><div class="NB-story-title">Ocean gliders are becoming one of the Navy’s main tools...</div><div class="NB-story-author"></div></div></div> <div id="NB-share-bar-wrapper"><div class="NB-story-shares"><div class="NB-story-comments-shares-teaser-wrapper"><div class="NB-story-comments-shares-teaser"><div class="NB-story-comments-label"><b>1 comment</b></div><div class="NB-story-share-profiles NB-story-share-profiles-comments"><div class="NB-story-share-profile"><div class="NB-user-avatar"><a id="NB-user-share-bar-3" class="NB-show-profile" href="http://ios.newsblur.com/show-profile/3"><img src="http://www.gravatar.com/avatar/8cef1a0df909c0290fdc1d87c6c30a55" /></a></div></div></div><div class="NB-right"><div class="NB-story-share-profiles NB-story-share-profiles-shares"></div><div class="NB-story-share-label"><b>1 share</b></div></div></div></div></div></div></div></div> <div class="NB-san-serif" id="NB-font-style"> <div class="NB-medium" id="NB-font-size"> <div class="NB-story"><img src="http://25.media.tumblr.com/tumblr_m7s4e2SeX31qz4vmto1_400.jpg" /><br /><br /><blockquote><em>Ocean gliders are becoming one of the Navy’s main tools for collecting data on the internal structure of the ocean for assimilation into ocean models. A glider is a long-endurance autonomous underwater vehicle (AUV) used to collect ocean data; it surfaces periodically to transmit data via satellite. Gliders are capable of collecting numerous types of data, including currents, temperature, salinity, pressure, and optics.</em></blockquote>
|
||||
<p>I wonder how long these would run for if the world were to suddenly end. I imagine them surfacing every few weeks and transmitting vainly to satellites that’ve fallen out of the sky; sitting on the surface and basking in the sun for a while, perhaps, to recharge their solar cells. Like brittle yellow turtles.</p>
|
||||
<p>They wouldn’t know that everything had died - taken by some disease or disaster. They’d wander around the now-quiet oceans, taking their measure of the world, until, one by one, they’d succumb to salinity or erosion and suddenly stop, mid-journey, before sinking quiet and still to the ocean floor.</p>
|
||||
<p>(via <a href="http://www.nrl.navy.mil/media/news-releases/2012/navy-researchers-sail-down-under-to-study-internal-tides-with-auvs" target="_blank">U.S. Naval Research Laboratory</a>)</p></div> </div> </div> <div class='NB-share-header'></div><div class='NB-share-wrapper'><div class='NB-share-inner-wrapper'><div id="NB-share-button-id" class='NB-share-button NB-button'><a href="http://ios.newsblur.com/share"><div>Post to Blurblog <span class="NB-share-icon"></span></div></a></div></div></div> <div id="NB-comments-wrapper"> <div class="NB-feed-story-comments"><div class="NB-story-comment" id="NB-user-comment-3"><div class="NB-user-avatar NB-story-comment-reshare"><a class="NB-show-profile" href="http://ios.newsblur.com/show-profile/3"><img src="http://www.gravatar.com/avatar/8cef1a0df909c0290fdc1d87c6c30a55" /></a></div><div class="NB-story-comment-author-container"> <div class="NB-story-comment-reshares"> <div class="NB-story-share-profile"> <div class="NB-user-avatar"><img src="http://www.gravatar.com/avatar/d41d8cd98f00b204e9800998ecf8427e"></div> </div></div> <div class="NB-story-comment-username">Roy</div> <div class="NB-story-comment-location">asd </div> <div class="NB-story-comment-date">6 days ago</div></div><div class="NB-story-comment-content">Sad fsda fsda f</div> <div class="NB-button-wrapper" style="clear:both"> <div class="NB-story-comment-edit-button NB-story-comment-share-edit-button NB-button"><a href="http://ios.newsblur.com/edit-share/3"><div class="NB-story-comment-edit-button-wrapper">Edit</div></a></div> <div class="NB-story-comment-reply-button NB-button"> <a href="http://ios.newsblur.com/reply/3/Roy"><div class="NB-story-comment-reply-button-wrapper"> Reply </div></a> </div></div></div></div> </div> <script src="zepto.js"></script><script src="storyDetailView.js"></script></body></html>
|
||||
|
|
@ -429,12 +429,6 @@ a.NB-show-profile {
|
|||
margin-bottom: -4px;
|
||||
}
|
||||
|
||||
.NB-iphone .NB-button {
|
||||
float: right;
|
||||
padding: 4px 0px 10px 4px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.NB-button.NB-share-button {
|
||||
float: none;
|
||||
padding: 0px 0px 20px 0px;
|
||||
|
|
@ -460,6 +454,10 @@ a.NB-show-profile {
|
|||
padding: 1px 5px 0px;
|
||||
}
|
||||
|
||||
.NB-iphone #story_pane .NB-story-comment .NB-story-comment-content {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.NB-button.NB-share-button div {
|
||||
padding: 8px 0px 8px;
|
||||
border-radius: 5px;
|
||||
|
|
@ -530,7 +528,7 @@ a.NB-show-profile {
|
|||
text-shadow: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
story
|
||||
|
||||
.NB-button.selected a {
|
||||
color: rgba(255,255,255,1);
|
||||
text-shadow: none;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue