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

Finishing up copy changes for step 2 - views. Laying out step 4 - tips.

Browse source
This commit is contained in:
Samuel Clay 2011-05-18 10:19:02 -04:00
parent 48cd442625
commit c029c863cd
4 changed files with 32 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
media/css/reader.css
View file

@ -4501,8 +4501,9 @@ background: transparent;
margin-top: 7px; margin-top: 7px;
} }
.NB-modal-tutorial .NB-page { .NB-modal-tutorial .NB-page {
min-height: 350px; height: 420px;
overflow: hidden; overflow-x: hidden;
overflow-y: auto;
} }
.NB-modal-tutorial .NB-page.NB-page-1 { .NB-modal-tutorial .NB-page.NB-page-1 {
display: block; display: block;
@ -4512,7 +4513,7 @@ background: transparent;
} }
.NB-modal-tutorial ul { .NB-modal-tutorial ul {
clear: both; clear: both;
list-style: disc outside url('../img/reader/static_bullet_white.png'); list-style: disc outside url('../img/icons/silk/bullet_blue.png');
padding-left: 20px; padding-left: 20px;
} }
.NB-modal-tutorial ul li { .NB-modal-tutorial ul li {
@ -4545,18 +4546,27 @@ background: transparent;
font-size: 11px; font-size: 11px;
color: #808080; color: #808080;
} }
.NB-modal-tutorial .NB-page-2 ul {
margin-bottom: 0;
}
.NB-modal-tutorial .NB-page-4 ul li {
clear: both;
padding: 0 224px 0 0;
margin: 0 0 18px 0;
}
.NB-modal-tutorial .NB-page-4 img { .NB-modal-tutorial .NB-page-4 img {
border: 1px solid #303030; border: 1px solid #303030;
float: right; float: right;
margin: 0 0 4px 8px; clear: right;
margin: 0 -212px 18px 12px;
} }
.NB-modal-tutorial .NB-page-4 .NB-tutorial-tips-train img { .NB-modal-tutorial .NB-page-4 .NB-tutorial-tips-train img {
float: none; /* float: none;*/
margin: 0 0 4px 0; /* margin: 0 0 4px 0;*/
} }
.NB-modal-tutorial .NB-page-4 .NB-tutorial-tips-sites img { .NB-modal-tutorial .NB-page-4 .NB-tutorial-tips-sites img {
float: none; /* float: none;*/
margin: 0 0 4px 0; /* margin: 0 0 4px 0;*/
} }
/* ========================= */ /* ========================= */
/* = Feed Exceptions Modal = */ /* = Feed Exceptions Modal = */

BIN
media/img/reader/tutorial_tips_folders.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

BIN
media/img/reader/tutorial_tips_train.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

25
media/js/newsblur/reader_tutorial.js
View file

@ -70,13 +70,16 @@ _.extend(NEWSBLUR.ReaderTutorial.prototype, {
]), ]),
$.make('ul', [ $.make('ul', [
$.make('li', [ $.make('li', [
'Instantly refresh a site by right-clicking on it and selecting ' 'Double-click on story titles to temporarily open them up in the Story view.'
]), ]),
$.make('li', [ $.make('li', [
'Instantly refresh a site by right-clicking on it and selecting ' 'You can train stories directly in the Feed view.'
]), ]),
$.make('li', [ $.make('li', [
'Instantly refresh a site by right-clicking on it and selecting ' 'In the Original view, if a story is not found, it will temporarily open in the Feed view.'
]),
$.make('li', [
'Much of these views can be customized under Preferences.'
]) ])
]) ])
]), ]),
@ -86,6 +89,14 @@ _.extend(NEWSBLUR.ReaderTutorial.prototype, {
$.make('div', { className: 'NB-page NB-page-4' }, [ $.make('div', { className: 'NB-page NB-page-4' }, [
$.make('h4', 'Here are a few tricks that may enhance your experience:'), $.make('h4', 'Here are a few tricks that may enhance your experience:'),
$.make('ul', [ $.make('ul', [
$.make('li', { className: 'NB-tutorial-tips-sites' }, [
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/tutorial_tips_sites.png' }),
$.make('div', [
'Click on ',
$.make('span', { className: 'NB-tutorial-sites-count' }),
' at the top of the sidebar to hide sites with no unread stories.'
])
]),
$.make('li', [ $.make('li', [
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/tutorial_tips_instafetch.png' }), $.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/tutorial_tips_instafetch.png' }),
'Instantly refresh a site by right-clicking on it and selecting ', 'Instantly refresh a site by right-clicking on it and selecting ',
@ -99,14 +110,6 @@ _.extend(NEWSBLUR.ReaderTutorial.prototype, {
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/tutorial_tips_folders.png' }), $.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/tutorial_tips_folders.png' }),
'Folders can be nested inside folders.' 'Folders can be nested inside folders.'
]), ]),
$.make('li', { className: 'NB-tutorial-tips-sites' }, [
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/tutorial_tips_sites.png' }),
$.make('div', [
'Click on ',
$.make('span', { className: 'NB-tutorial-sites-count' }),
' at the top of the sidebar to hide sites with no unread stories.'
])
]),
$.make('li', [ $.make('li', [
'There are more than a dozen keyboard shortcuts you can use:' 'There are more than a dozen keyboard shortcuts you can use:'
]) ])