mirror of
https://github.com/viq/NewsBlur.git
synced 2025-09-18 21:43:31 +00:00
Styling fieldset legends.
This commit is contained in:
Samuel Clay
parent
11508ae628
commit
a67302b430
4 changed files with 52 additions and 33 deletions
|
|
@ -53,6 +53,21 @@
|
|||
.NB-modal.NB-signed-out .NB-fieldset.NB-anonymous-ok {
|
||||
opacity: 1;
|
||||
}
|
||||
fieldset {
|
||||
border: 0;
|
||||
border-top: 1px solid #E6E6E6;
|
||||
padding: 0 12px;
|
||||
margin: 12px 0 0;
|
||||
}
|
||||
fieldset legend {
|
||||
padding: 4px 16px;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
color: #151775;
|
||||
border: 1px solid #E6E6E6;
|
||||
background-color: #F7F7F5;
|
||||
}
|
||||
|
||||
|
||||
.NB-modal .NB-modal-error {
|
||||
float: right;
|
||||
|
|
|
|||
|
|
@ -1559,7 +1559,7 @@ background: transparent;
|
|||
width: 12px;
|
||||
height: 12px;
|
||||
border-radius: 2px;
|
||||
margin: 3px 2px 0 0;
|
||||
margin: 3px 2px 20px 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
@ -7659,6 +7659,9 @@ form.opml_import_form input {
|
|||
/* = Goodies Modal = */
|
||||
/* ================= */
|
||||
|
||||
.NB-modal-goodies fieldset {
|
||||
margin: 32px 0 32px;
|
||||
}
|
||||
.NB-modal-goodies .NB-modal-title .NB-icon {
|
||||
background: transparent url('/media/embed/icons/circular/g_modal_goodies.png');
|
||||
background-size: 28px;
|
||||
|
|
@ -7667,7 +7670,7 @@ form.opml_import_form input {
|
|||
clear: both;
|
||||
margin: 16px 0 0 0;
|
||||
overflow: hidden;
|
||||
background-color: #F0F0F0;
|
||||
background-color: #F7F7F5;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
|
|
@ -8857,19 +8860,6 @@ form.opml_import_form input {
|
|||
margin: 6px 8px 0 0;
|
||||
float: left;
|
||||
}
|
||||
.NB-modal-friends fieldset {
|
||||
border: 0;
|
||||
border-top: 1px solid #E6E6E6;
|
||||
padding: 0 12px;
|
||||
margin: 12px 0 0;
|
||||
}
|
||||
.NB-modal-friends fieldset legend {
|
||||
padding: 0 12px;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
color: #151775;
|
||||
}
|
||||
.NB-modal-friends .NB-friends-services {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
|
@ -8990,10 +8980,7 @@ form.opml_import_form input {
|
|||
width: auto ;
|
||||
}
|
||||
.NB-modal-friends .NB-profile-section-heading {
|
||||
text-align: center;
|
||||
margin: 18px 0 0px;
|
||||
border-bottom: 1px solid #E0E0E0;
|
||||
padding: 0 0 16px;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -10075,7 +10062,7 @@ form.opml_import_form input {
|
|||
width: 16px;
|
||||
height: 16px;
|
||||
float: left;
|
||||
margin: 7px 6px 0 0;
|
||||
margin: 3px 0 0 0;
|
||||
}
|
||||
|
||||
.NB-feed-badge {
|
||||
|
|
|
|||
|
|
@ -114,7 +114,7 @@ _.extend(NEWSBLUR.ReaderFriends.prototype, {
|
|||
$.make('div', { className: 'NB-friends-service-title' }, NEWSBLUR.utils.service_name(service)),
|
||||
$.make('div', { className: 'NB-friends-service-connect NB-modal-submit-button NB-modal-submit-grey' }, [
|
||||
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + '/img/reader/' + service + '_service.png' }),
|
||||
syncing ? 'Fetching...' : 'Disconnect'
|
||||
syncing ? 'Fetching...' : 'Connected'
|
||||
])
|
||||
]);
|
||||
} else {
|
||||
|
|
@ -140,8 +140,13 @@ _.extend(NEWSBLUR.ReaderFriends.prototype, {
|
|||
$services.prepend($autofollow);
|
||||
|
||||
$('.NB-friends-search').html($.make('div', [
|
||||
$.make('label', { 'for': 'NB-friends-search-input' }, 'Username or email:'),
|
||||
$.make('input', { type: 'text', className: 'NB-input', id: 'NB-friends-search-input' }),
|
||||
$.make('div', { className: "NB-module-search-input NB-module-search-people" }, [
|
||||
$.make('div', { className: "NB-search-close" }),
|
||||
$.make('label', { 'for': "NB-friends-search-input" }, [
|
||||
$.make('img', { src: NEWSBLUR.Globals.MEDIA_URL + "img/reader/search_icon2.png" })
|
||||
]),
|
||||
$.make('input', { id: "NB-friends-search-input", className: 'NB-input', placeholder: "Username or email..." })
|
||||
]),
|
||||
$.make('div', { className: 'NB-loading NB-friends-search-loading' }),
|
||||
$.make('div', { className: 'NB-friends-search-badges' })
|
||||
]));
|
||||
|
|
@ -199,10 +204,11 @@ _.extend(NEWSBLUR.ReaderFriends.prototype, {
|
|||
var $ghost = $.make('div', { className: 'NB-ghost NB-modal-section' }, 'Nobody has yet subscribed to your shared stories.');
|
||||
$tab.append($ghost);
|
||||
} else {
|
||||
var $heading = $.make('div', { className: 'NB-profile-section-heading' }, [
|
||||
'You are followed by ',
|
||||
Inflector.pluralize('person', this.profile.get('follower_count'), true),
|
||||
'.'
|
||||
var $heading = $.make('fieldset', [
|
||||
$.make('legend', { className: 'NB-profile-section-heading' }, [
|
||||
'You are followed by ',
|
||||
Inflector.pluralize('person', this.profile.get('follower_count'), true)
|
||||
])
|
||||
]);
|
||||
$tab.append($heading);
|
||||
NEWSBLUR.assets.follower_profiles.each(_.bind(function(profile) {
|
||||
|
|
@ -217,10 +223,11 @@ _.extend(NEWSBLUR.ReaderFriends.prototype, {
|
|||
var $ghost = $.make('div', { className: 'NB-ghost NB-modal-section' }, 'You have not yet subscribed to anybody\'s shared stories.');
|
||||
$tab.append($ghost);
|
||||
} else {
|
||||
var $heading = $.make('div', { className: 'NB-profile-section-heading' }, [
|
||||
'You are following ',
|
||||
Inflector.pluralize('person', this.profile.get('following_count'), true),
|
||||
'.'
|
||||
var $heading = $.make('fieldset', [
|
||||
$.make('legend', { className: 'NB-profile-section-heading' }, [
|
||||
'You are following ',
|
||||
Inflector.pluralize('person', this.profile.get('following_count'), true)
|
||||
])
|
||||
]);
|
||||
$tab.append($heading);
|
||||
NEWSBLUR.assets.following_profiles.each(_.bind(function(profile) {
|
||||
|
|
|
|||
|
|
@ -23,12 +23,18 @@ NEWSBLUR.ReaderGoodies.prototype = {
|
|||
$.make('div', { className: 'NB-icon' }),
|
||||
'Goodies & Extras'
|
||||
]),
|
||||
|
||||
$.make('fieldset', [
|
||||
$.make('legend', 'Bookmarklet')
|
||||
]),
|
||||
$.make('div', { className: 'NB-goodies-group' }, [
|
||||
NEWSBLUR.generate_bookmarklet(),
|
||||
$.make('div', { className: 'NB-goodies-title' }, 'Add Site & Share Story Bookmarklet')
|
||||
]),
|
||||
|
||||
$.make('h3', 'Mobile Apps for NewsBlur'),
|
||||
$.make('fieldset', [
|
||||
$.make('legend', 'Mobile Apps for NewsBlur')
|
||||
]),
|
||||
$.make('div', { className: 'NB-goodies-group NB-modal-submit' }, [
|
||||
$.make('a', {
|
||||
className: 'NB-goodies-mobile-link NB-modal-submit-button NB-modal-submit-green',
|
||||
|
|
@ -69,8 +75,9 @@ NEWSBLUR.ReaderGoodies.prototype = {
|
|||
$.make('div', { className: 'NB-goodies-nokia' }),
|
||||
$.make('div', { className: 'NB-goodies-title' }, 'Web Feeds: User-Created MeeGo App')
|
||||
]),
|
||||
|
||||
$.make('h3', 'Browser Extensions for NewsBlur'),
|
||||
$.make('fieldset', [
|
||||
$.make('legend', 'Browser Extensions for NewsBlur')
|
||||
]),
|
||||
$.make('div', { className: 'NB-goodies-group NB-modal-submit' }, [
|
||||
$.make('a', {
|
||||
className: 'NB-goodies-firefox-link NB-modal-submit-button NB-modal-submit-green',
|
||||
|
|
@ -133,6 +140,9 @@ NEWSBLUR.ReaderGoodies.prototype = {
|
|||
$.make('div', { className: 'NB-goodies-title' }, 'Chrome: NewsBlur unread count notifier')
|
||||
]),
|
||||
|
||||
$.make('fieldset', [
|
||||
$.make('legend', 'Custom URLs')
|
||||
]),
|
||||
$.make('div', { className: 'NB-goodies-group NB-modal-submit' }, [
|
||||
$.make('input', {
|
||||
className: 'NB-goodies-custom-input',
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue