public-mirrors/NewsBlur-viq
1
0
Fork 0
mirror of https://github.com/viq/NewsBlur.git synced 2025-09-18 21:43:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Changing timings on story reveal.

Browse source
This commit is contained in:
Samuel Clay 2012-08-18 00:49:17 -07:00
parent d6eaa25d83
commit bbe83f00dc
3 changed files with 63 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
media/css/circular/css/screen.css
View file

@ -400,7 +400,16 @@ a {
.NB-story .NB-story-content img {
margin: 10px 0;
}
/* line 275, ../sass/screen.scss */
/* line 274, ../sass/screen.scss */
.NB-story .NB-story-content ins {
text-decoration: none;
color: inherit;
}
/* line 279, ../sass/screen.scss */
.NB-story .NB-story-content del {
display: none;
}
/* line 285, ../sass/screen.scss */
.NB-story .NC-story-cutoff {
position: absolute;
display: none;
@ -411,7 +420,7 @@ a {
z-index: 0;
background: transparent url('/media/img/circular/module_cutoff.png') repeat-x left bottom;
}
/* line 286, ../sass/screen.scss */
/* line 296, ../sass/screen.scss */
.NB-story .NB-story-content-expander {
display: none;
position: absolute;
@ -423,21 +432,27 @@ a {
color: #1a9fff;
font-size: 12px;
}
/* line 297, ../sass/screen.scss */
/* line 307, ../sass/screen.scss */
.NB-story .NB-story-content-expander:hover {
color: #306187;
}
/* line 300, ../sass/screen.scss */
/* line 310, ../sass/screen.scss */
.NB-story .NB-story-content-expander:active {
color: #722125;
}
/* line 304, ../sass/screen.scss */
/* line 314, ../sass/screen.scss */
.NB-story .NB-story-content-expander .NB-story-content-expander-text,
.NB-story .NB-story-content-expander .NB-story-content-expander-pages {
display: inline-block;
}
/* line 318, ../sass/screen.scss */
.NB-story .NB-story-content-expander .NB-story-content-expander-pages {
line-height: 8px;
padding: 0 12px;
font-size: 24px;
}
/* line 310, ../sass/screen.scss */
/* line 326, ../sass/screen.scss */
.NB-story-shares-container {
text-align: right;
color: gray;
@ -445,18 +460,18 @@ a {
line-height: 16px;
margin-top: 10px;
}
/* line 317, ../sass/screen.scss */
/* line 333, ../sass/screen.scss */
.NB-story-shares-container .NB-story-share-label {
display: inline-block;
vertical-align: top;
margin-top: 3px;
}
/* line 323, ../sass/screen.scss */
/* line 339, ../sass/screen.scss */
.NB-story-shares-container .NB-user-avatar {
display: inline-block;
margin: 2px 0 0 2px;
}
/* line 327, ../sass/screen.scss */
/* line 343, ../sass/screen.scss */
.NB-story-shares-container .NB-user-avatar img {
-webkit-box-shadow: 0px 0px 1px #bdbdbd;
-moz-box-shadow: 0px 0px 1px #bdbdbd;
@ -466,19 +481,19 @@ a {
display: block;
}
/* line 336, ../sass/screen.scss */
/* line 352, ../sass/screen.scss */
body.NC-hide-comments .NB-story-comments-container {
display: none;
}
/* line 340, ../sass/screen.scss */
/* line 356, ../sass/screen.scss */
.NB-story-comments-container {
font-size: 14px;
width: 586px;
margin: 0 auto;
z-index: 10;
}
/* line 347, ../sass/screen.scss */
/* line 363, ../sass/screen.scss */
.NB-story-comments-container .NB-user-avatar img,
.NB-story-comments-container img.NB-user-avatar {
position: absolute;
@ -491,7 +506,7 @@ body.NC-hide-comments .NB-story-comments-container {
border-radius: 3px / 3px;
/* @include single-box-shadow; gets in the way of transparent PNGs */
}
/* line 357, ../sass/screen.scss */
/* line 373, ../sass/screen.scss */
.NB-story-comments-container .NB-user-avatar.NB-story-comment-reshare img {
top: 27px;
left: 0px;
@ -499,27 +514,27 @@ body.NC-hide-comments .NB-story-comments-container {
width: 24px;
height: 24px;
}
/* line 365, ../sass/screen.scss */
/* line 381, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment {
padding: 15px 0 18px 44px;
border-bottom: 1px solid #bdbdbd;
position: relative;
min-height: 32px;
}
/* line 371, ../sass/screen.scss */
/* line 387, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment .NB-story-comment-username {
float: left;
font-size: 12px;
font-weight: bold;
}
/* line 377, ../sass/screen.scss */
/* line 393, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment .NB-story-comment-date {
float: right;
font-size: 12px;
color: gray;
text-shadow: 0px 1px 1px white;
}
/* line 384, ../sass/screen.scss */
/* line 400, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment .NB-story-comment-location {
float: left;
font-size: 12px;
@ -527,18 +542,18 @@ body.NC-hide-comments .NB-story-comments-container {
text-shadow: 0px 1px 1px white;
margin-left: 5px;
}
/* line 393, ../sass/screen.scss */
/* line 409, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment .NB-story-comment-reply-button,
.NB-story-comments-container .NB-story-comment .NB-story-comment-edit-button {
display: none;
}
/* line 397, ../sass/screen.scss */
/* line 413, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment .NB-story-comment-content {
padding-top: 4px;
line-height: 18px;
clear: both;
}
/* line 403, ../sass/screen.scss */
/* line 419, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment .NB-story-comment-reshares .NB-user-avatar img {
top: 15px;
left: 12px;
@ -546,7 +561,7 @@ body.NC-hide-comments .NB-story-comments-container {
width: 20px;
height: 20px;
}
/* line 412, ../sass/screen.scss */
/* line 428, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment-replies {
margin-top: 15px;
padding: 15px 0 0px 44px;
@ -554,13 +569,13 @@ body.NC-hide-comments .NB-story-comments-container {
position: relative;
min-height: 32px;
}
/* line 419, ../sass/screen.scss */
/* line 435, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment-replies .NB-story-comment-reply-content {
padding-top: 4px;
line-height: 18px;
clear: both;
}
/* line 426, ../sass/screen.scss */
/* line 442, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment-input {
width: 376px;
height: 16px;
@ -568,7 +583,7 @@ body.NC-hide-comments .NB-story-comments-container {
padding: 6px 4px;
border: 1px solid #bdbdbd;
}
/* line 435, ../sass/screen.scss */
/* line 451, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save {
position: absolute;
top: 15px;
@ -619,11 +634,11 @@ body.NC-hide-comments .NB-story-comments-container {
text-shadow: 0px -1px 1px white;
color: #333333;
}
/* line 443, ../sass/screen.scss */
/* line 459, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-delete {
display: none;
}
/* line 448, ../sass/screen.scss */
/* line 464, ../sass/screen.scss */
.NB-story-comments-container .NB-story-comments-public-header-wrapper {
color: gray;
font-size: 12px;
@ -631,7 +646,7 @@ body.NC-hide-comments .NB-story-comments-container {
padding: 3px 0;
}
/* line 457, ../sass/screen.scss */
/* line 473, ../sass/screen.scss */
.NB-page-controls-next,
.NB-page-controls-end {
background-color: #6eb4e3;
@ -686,7 +701,7 @@ body.NC-hide-comments .NB-story-comments-container {
-moz-box-shadow: inset 0px 0px 10px #1f74b8;
box-shadow: inset 0px 0px 10px #1f74b8;
}
/* line 468, ../sass/screen.scss */
/* line 484, ../sass/screen.scss */
.NB-page-controls-next .NB-page-controls-text,
.NB-page-controls-end .NB-page-controls-text {
position: absolute;

16
media/css/circular/sass/screen.scss
View file

@ -270,6 +270,16 @@ a {
img {
margin: 10px 0;
}
ins {
text-decoration: none;
color: inherit;
}
del {
display: none;
}
}
.NC-story-cutoff {
@ -304,6 +314,12 @@ a {
.NB-story-content-expander-pages {
display: inline-block;
}
.NB-story-content-expander-pages {
line-height: 8px;
padding: 0 12px;
font-size: 24px;
}
}
}

8
media/js/newsblur/social_page/social_page_story.js
View file

@ -257,15 +257,15 @@ NEWSBLUR.Views.SocialPageStory = Backbone.View.extend({
$wrapper.animate({
maxHeight: content_height
}, {
duration: options.instant ? 0 : Math.min(2 * 1000, parseInt(240 * height_ratio, 10)),
easing: 'easeInOutQuint'
duration: options.instant ? 0 : Math.min(2 * 1000, parseInt(200 * height_ratio, 10)),
easing: 'easeInOutQuart'
});
$expander.add($expander_cutoff).animate({
bottom: -1 * $expander.outerHeight()
}, {
duration: options.instant ? 0 : Math.min(2 * 1000, parseInt(240 * height_ratio, 10)),
easing: 'easeInOutQuint'
duration: options.instant ? 0 : Math.min(2 * 1000, parseInt(200 * height_ratio, 10)),
easing: 'easeInOutQuart'
});
},