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

New share icon. Adjusting menu pixels.

Browse source
This commit is contained in:
Samuel Clay 2022-05-04 16:44:45 -04:00
parent 90f18d4238
commit a08d0bfa73
8 changed files with 37 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
media/css/reader/darkmode.css
View file

@ -1086,8 +1086,8 @@ border-bottom-color: #303739;
.NB-dark .NB-searches-folder {
/* border-bottom: 1px solid #333536; */
}
.NB-dark .NB-feeds-header-read-container.NB-feeds-header-container {
/* border-top: 1px solid #333536; */
.NB-dark .NB-feeds-header-container {
background-color: #434543;
}
/* Unread feed count badge */
.NB-dark .unread_count_neutral {

29
media/css/reader/reader.css
View file

@ -851,8 +851,8 @@ img.feed_favicon {
.NB-feedlist .folder .folder_title .NB-feedlist-collapse-icon,
.NB-feeds-header .NB-feedlist-collapse-icon {
position: absolute;
top: 0px;
right: 0px;
top: 1px;
right: 4px;
width: 24px;
height: 24px;
background: transparent url('/media/embed/icons/circular/folder_collapse.png') no-repeat center center;
@ -930,13 +930,14 @@ img.feed_favicon {
}
.NB-feedlist .feed.selected,
.NB-feedlist .feed.NB-selected,
.NB-feeds-header.NB-selected,
.NB-feedlist .folder.NB-selected > .folder_title {
background-color: #FFFFD2;
/* background-color: #c9e5fb; */
border-radius: 8px;
}
.NB-feeds-header.NB-selected {
background-color: #FFFFD2;
}
.NB-feedlist .folder.NB-selected > .folder_title {
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
}
@ -1048,27 +1049,27 @@ img.feed_favicon {
line-height: 11px;
}
.NB-theme-feed-size-xs .NB-feeds-header .unread_count {
margin-top: 6px;
margin-top: 9px;
padding-top: 3px;
padding-bottom: 2px;
}
.NB-theme-feed-size-s .NB-feeds-header .unread_count {
margin-top: 6px;
margin-top: 9px;
padding-top: 2px;
padding-bottom: 2px;
}
.NB-theme-feed-size-m .NB-feeds-header .unread_count {
margin-top: 6px;
margin-top: 9px;
padding-top: 2px;
padding-bottom: 2px;
}
.NB-theme-feed-size-l .NB-feeds-header .unread_count {
margin-top: 5px;
margin-top: 6px;
padding-top: 4px;
padding-bottom: 3px;
}
.NB-theme-feed-size-xl .NB-feeds-header .unread_count {
margin-top: 5px;
margin-top: 7px;
padding-top: 4px;
padding-bottom: 3px;
}
@ -1971,7 +1972,7 @@ img.feed_favicon {
width: 16px;
height: 16px;
margin: -1px 6px 0 0;
background: transparent url('/media/embed/icons/circular/menu_icn_share.png') no-repeat 0 0;
background: transparent url('/media/embed/icons/nouns/share.svg') no-repeat 0 0;
background-size: 16px;
float: left;
display: none;
@ -2199,7 +2200,7 @@ img.feed_favicon {
width: 12px;
height: 12px;
margin: 2px 4px 0 0;
background: transparent url('/media/embed/icons/circular/share.png') no-repeat 0 0;
background: transparent url('/media/embed/icons/nouns/share.svg') no-repeat 0 0;
background-size: 16px;
}
.NB-storytitles-shares .NB-user-avatar {
@ -4510,7 +4511,7 @@ body {
background-size: 16px;
}
.NB-sideoption.NB-feed-story-share .NB-sideoption-icon {
background-image: url('/media/embed/icons/circular/share.png');
background-image: url('/media/embed/icons/nouns/share.svg');
background-size: 16px;
}
@ -7342,7 +7343,7 @@ form.opml_import_form input {
background-size: 16px;
}
.NB-module-gettingstarted .NB-module-friends-button .NB-icon {
background: transparent url('/media/embed/icons/circular/share.png') no-repeat 0 0;
background: transparent url('/media/embed/icons/nouns/share.svg') no-repeat 0 0;
background-size: 16px;
}
.NB-module-gettingstarted .NB-module-account-train .NB-icon {
@ -8196,7 +8197,7 @@ form.opml_import_form input {
background: transparent url('/media/embed/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px;
}
.NB-menu-manage .NB-menu-manage-story-share .NB-menu-manage-image {
background: transparent url('/media/embed/icons/circular/menu_icn_share.png') no-repeat 0 2px;
background: transparent url('/media/embed/icons/nouns/share.svg') no-repeat 0 2px;
background-size: 16px;
}
.NB-menu-manage .NB-menu-manage-story-share.NB-active .NB-menu-manage-image {

9
media/img/icons/nouns/share.svg Normal file
View file

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="153px" height="153px" viewBox="0 0 153 153" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>share</title>
<g id="share" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="noun-comment-3266585-95978E" transform="translate(12.000000, 24.000000)" fill="#95968E" fill-rule="nonzero">
<path d="M10.133,-1.77635684e-15 C4.5939,-1.77635684e-15 -1.77635684e-15,4.5859 -1.77635684e-15,10.125 L-1.77635684e-15,72.047 C-1.77635684e-15,77.5861 4.5938,82.172 10.133,82.172 L72.195,82.172 L103.14,104.969 C104.3548,105.87134 105.972,106.0081 107.3236,105.32838 C108.6752,104.64869 109.5228,103.26198 109.5228,101.75028 L109.5228,82.17228 L117.8744,82.17228 C123.4135,82.17228 128.0074,77.58638 128.0074,72.04728 L128.0074,10.12528 C128.0074,4.58618 123.4136,-1.77635684e-15 117.8744,-1.77635684e-15 L10.133,-1.77635684e-15 Z M33.727,23.859 C33.86372,23.855093 33.99653,23.855093 34.13325,23.859 L73.88325,23.859 C74.96135,23.835562 76.00045,24.24572 76.76995,24.9996 C77.53945,25.75348 77.97305,26.7848 77.97305,27.859 C77.97305,28.9371 77.53946,29.9684 76.76995,30.7223 C76.00042,31.4723 74.96135,31.8825 73.88325,31.859 L34.13325,31.859 C31.95745,31.917593 30.13715,30.2301 30.02385,28.0582 C29.91447,25.8863 31.55905,24.023 33.72695,23.859 L33.727,23.859 Z M34.13325,43.164 L93.89925,43.164 C96.10625,43.167906 97.89535,44.9609 97.89535,47.1679 C97.89535,49.3788 96.10625,51.1679 93.89925,51.1718 L34.13325,51.1718 C31.92625,51.167893 30.13715,49.3788 30.13715,47.1679 C30.13715,44.9609 31.92625,43.1679 34.13325,43.164 Z" id="Shape"></path>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
media/img/originals/Nouns.sketch
View file

Binary file not shown.

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

@ -4156,13 +4156,13 @@
var $align = $item;
if (type == 'feed') {
left = toplevel ? 2 : -22;
top = toplevel ? 1 : 3;
top = toplevel ? 1 : 5;
} else if (type == 'socialfeed' || type == 'starred' || type == 'search') {
left = 0;
top = 2;
left = 2;
top = 4;
} else if (type == 'folder') {
left = toplevel ? 0 : -21;
top = toplevel ? 3 : 3;
left = toplevel ? 8 : -20;
top = toplevel ? 6 : 6;
} else if (type == 'story') {
left = 7;
top = 3;
@ -4192,8 +4192,8 @@
top = toplevel ? 20 : 21;
$align = $('.NB-feedlist-manage-icon', $item);
} else if (type == 'folder') {
left = toplevel ? 0 : -22;
top = toplevel ? 21 : 18;
left = toplevel ? 8 : -22;
top = toplevel ? 24 : 21;
} else if (type == 'story') {
left = 7;
top = 19;

2
templates/mail/email_launch_social.xhtml
View file

@ -11,7 +11,7 @@
<p style="line-height: 20px;">Here are some easy ways to have a great time on NewsBlur:</p>
<p style="line-height: 20px;">
<ul style="list-style: none;">
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/circular/share.png" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}" style="text-decoration:none">Follow friends from Twitter, Facebook, and NewsBlur</a>.</li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/nouns/share.svg" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}" style="text-decoration:none">Follow friends from Twitter, Facebook, and NewsBlur</a>.</li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/reader/popular_thumb.jpg?1" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> Visit the popular blurblog: <a href="https://popular.newsblur.com" style="text-decoration:none">The People Have Spoken</a>.</li>
{% if user.profile.is_premium %}
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/reader/hamburger_l.png" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <b>Thank you, thank you, thank you</b> for going premium!</li>

2
templates/mail/email_new_account.xhtml
View file

@ -10,7 +10,7 @@
<p style="line-height: 20px;">Here are some ways to make NewsBlur work for you:</p>
<p style="line-height: 20px;">
<ul style="list-style: none;">
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/circular/share.png" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}?next=friends" style="text-decoration:none">Follow friends from Twitter, Facebook, and NewsBlur</a></li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/nouns/share.svg" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}?next=friends" style="text-decoration:none">Follow friends from Twitter, Facebook, and NewsBlur</a></li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/reader/popular_thumb.jpg?1" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> Visit <a href="https://popular.newsblur.com" style="text-decoration:none">The People Have Spoken</a>, our blog of the most popular and talked-about articles posted by NewsBlur readers</li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/circular/g_icn_coffeecup_gold32.png" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}?next=premium" style="text-decoration:none">Upgrade to a premium account for only $36/year, and get access to an unlimited number of RSS feeds</a></li>
</ul>

4
templates/mail/email_premium_expire_grace.xhtml
View file

@ -12,7 +12,7 @@
<p style="line-height: 20px;">Here are some easy ways to have a great time on NewsBlur:</p>
<p style="line-height: 20px;">
<ul style="list-style: none;">
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/circular/share.png" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}" style="text-decoration:none">Follow friends from Twitter, Facebook, and NewsBlur</a>.</li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/icons/nouns/share.svg" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}" style="text-decoration:none">Follow friends from Twitter, Facebook, and NewsBlur</a>.</li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/reader/popular_thumb.jpg?1" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> Visit the popular blurblog: <a href="https://popular.newsblur.com" style="text-decoration:none">The People Have Spoken</a>.</li>
<li style="line-height:22px;"><img src="https://{% current_domain %}/media/img/reader/hamburger_l.png" style="width:16px;height:16px;vertical-align:top;padding-top:3px;"> <a href="https://{% current_domain %}{{ user.profile.autologin_url }}?next=renew" style="text-decoration:none">Renew your premium account for only $36/year</a>.</li>
</ul>
@ -21,4 +21,4 @@
<p style="line-height: 20px;">Spend a few days trying out <a href="https://{% current_domain %}{{ user.profile.autologin_url }}">NewsBlur</a> again. We hope you love it.</p>
{% endblock %}
{% block resources_header %}There are a couple resources you can use if you end up loving NewsBlur:{% endblock resources_header %}
{% block resources_header %}There are a couple resources you can use if you end up loving NewsBlur:{% endblock resources_header %}