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

Fixing narrow bug for vertical/west story titles pane on web.

Browse source
This commit is contained in:
Samuel Clay 2013-07-30 16:33:57 -07:00
parent 32b9a082c3
commit c3b73ad776
2 changed files with 18 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
media/css/reader.css
View file

@ -1987,7 +1987,7 @@ background: transparent;
.NB-feed-story.NB-selected .NB-feed-story-header-info {
border-left: 3px solid #EBAA74;
}
.NB-feed-story-view-narrow .NB-feed-story .NB-feed-story-header-info {
.NB-narrow-content .NB-feed-story .NB-feed-story-header-info {
padding-right: 28px;
}
@ -2366,7 +2366,7 @@ background: transparent;
padding: 12px 0 0;
max-width: 700px;
}
.NB-feed-story .NB-feed-story-view-narrow .NB-feed-story-content {
.NB-feed-story .NB-narrow-content .NB-feed-story-content {
margin-right: 28px;
}
.NB-pref-hide-changes .NB-feed-story-content ins,
@ -2408,7 +2408,7 @@ background: transparent;
.NB-feed-story .NB-story-content-wrapper {
margin: 0 236px 28px 28px;
}
.NB-feed-story-view-narrow .NB-feed-story .NB-story-content-wrapper {
.NB-narrow-content .NB-feed-story .NB-story-content-wrapper {
margin-right: 28px;
}
.NB-story-content-wrapper.NB-story-content-wrapper-height-truncated {
@ -2527,7 +2527,7 @@ background: transparent;
background-color: white;
position: relative;
}
.NB-feed-story-view-narrow .NB-feed-story-comments {
.NB-narrow-content .NB-feed-story-comments {
margin-right: 28px;
}
.NB-story-comment {
@ -2938,7 +2938,7 @@ background: transparent;
width: 194px;
}
.NB-feed-story-view-narrow .NB-feed-story-sideoptions-container {
.NB-narrow-content .NB-feed-story-sideoptions-container {
width: auto;
position: static;
right: 0;
@ -2971,12 +2971,12 @@ background: transparent;
-o-user-select: none;
user-select: none;
}
.NB-feed-story-view-narrow .NB-sideoption {
.NB-narrow-content .NB-sideoption {
float: left;
margin: 8px 8px 0 0;
border: 1px solid #C0C0C0;
clear: right;
width: 174px;
width: 148px;
}
.NB-sideoption .NB-sideoption-icon {
width: 24px;
@ -3000,7 +3000,7 @@ background: transparent;
}
.NB-sideoption .NB-sideoption-title {
padding: 7px 36px 8px 6px;
padding: 7px 24px 8px 8px;
color: white;
text-shadow: none;
height: 32px;
@ -3039,7 +3039,7 @@ background: transparent;
}
.NB-menu-manage .NB-sideoption-share-wrapper {
}
.NB-feed-story-view-narrow .NB-sideoption-share-wrapper {
.NB-narrow-content .NB-sideoption-share-wrapper {
clear: both;
width: 100%;
margin: 0;
@ -3777,7 +3777,7 @@ background: transparent;
box-shadow: #9A9A9A 2px 2px 0px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}
.NB-feed-story-view-narrow #story_taskbar .NB-task-title {
.NB-narrow #story_taskbar .NB-task-title {
display: none;
}

17
media/js/newsblur/reader/reader.js
View file

@ -203,6 +203,9 @@
adjust_for_narrow_window: function() {
var north, center, west;
var story_layout = NEWSBLUR.assets.preference('story_layout');
var $windows = this.$s.$body.add(this.$s.$feed_view)
.add(this.$s.$story_titles)
.add(this.$s.$text_view);
if (story_layout == 'split') {
north = NEWSBLUR.reader.layout.contentLayout.panes.north;
center = NEWSBLUR.reader.layout.contentLayout.panes.center;
@ -212,17 +215,13 @@
}
var content_width = center.width() + (west ? west.width() : 0);
$windows.toggleClass('NB-narrow-content', center.width() < 780);
if ((north && north.width() < 640) ||
(content_width < 780)) {
this.$s.$feed_view.addClass('NB-feed-story-view-narrow');
this.$s.$story_titles.addClass('NB-feed-story-view-narrow');
this.$s.$text_view.addClass('NB-feed-story-view-narrow');
this.$s.$body.addClass('NB-feed-story-view-narrow');
$windows.addClass('NB-narrow');
} else {
this.$s.$feed_view.removeClass('NB-feed-story-view-narrow');
this.$s.$story_titles.removeClass('NB-feed-story-view-narrow');
this.$s.$text_view.removeClass('NB-feed-story-view-narrow');
this.$s.$body.removeClass('NB-feed-story-view-narrow');
$windows.removeClass('NB-narrow');
}
this.apply_tipsy_titles();
@ -403,7 +402,7 @@
gravity: 's',
delayIn: 375
}).tipsy('enable');
$('.NB-feed-story-view-narrow .NB-taskbar-button.NB-tipsy').tipsy({
$('.NB-narrow .NB-taskbar-button.NB-tipsy').tipsy({
gravity: 'n',
delayIn: 375,
title: 'tipsy-title'