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

Fixing editing comments on iphone.

Browse source
This commit is contained in:
Samuel Clay 2013-01-22 17:17:24 -08:00
parent 66d10d5ac6
commit a98aa9f62b
4 changed files with 53 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
media/css/circular/css/social_page.css
View file

@ -950,12 +950,22 @@ blockquote {
float: left; float: left;
} }
.NB-story-comments-container .NB-story-comment-input { .NB-story-comments-container .NB-story-comment-input {
width: 371px; width: 380px;
height: 16px; height: 32px;
font-size: 12px; font-size: 12px;
padding: 6px 4px; padding: 6px 4px;
margin-top: 3px; margin-top: 3px;
border: 1px solid #bdbdbd; border: 1px solid #bdbdbd;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 580px) {
.NB-story-comments-container .NB-story-comment-input {
width: 100%;
float: none;
}
} }
.NB-story-comments-container .NB-story-comment-reply-form { .NB-story-comments-container .NB-story-comment-reply-form {
padding-top: 11px; padding-top: 11px;
@ -980,6 +990,7 @@ blockquote {
.NB-story-comments-container .NB-story-comment-reply-form .NB-story-comment-reply-comments { .NB-story-comments-container .NB-story-comment-reply-form .NB-story-comment-reply-comments {
clear: both; clear: both;
margin: 4px 4px 4px 0; margin: 4px 4px 4px 0;
width: 68%;
} }
} }
.NB-story-comments-container .NB-story-comment-reply-form .NB-modal-submit-button { .NB-story-comments-container .NB-story-comment-reply-form .NB-modal-submit-button {
@ -1052,10 +1063,9 @@ blockquote {
clear: both; clear: both;
} }
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save { .NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save {
position: absolute; float: right;
top: 13px; width: 164px;
right: 0; margin: 3px 0 0 0;
width: 140px;
border: 1px solid #bdbdbd; border: 1px solid #bdbdbd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
@ -1106,10 +1116,20 @@ blockquote {
font-size: 12px; font-size: 12px;
} }
} }
@media screen and (max-width: 580px) {
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-save {
clear: both;
float: none;
margin: 8px 0 0;
width: 100%;
}
}
.NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-delete { .NB-story-comments-container .NB-story-comment-buttons .NB-story-comment-delete {
display: none; display: none;
} }
.NB-story-comments-container .NB-story-comments-public-header-wrapper { .NB-story-comments-container .NB-story-comments-public-header-wrapper {
clear: both;
margin-top: 6px;
color: gray; color: gray;
font-size: 12px; font-size: 12px;
border-bottom: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd;

31
media/css/circular/sass/social_page.scss
View file

@ -960,12 +960,22 @@ blockquote {
} }
.NB-story-comment-input { .NB-story-comment-input {
width: 371px; width: 380px;
height: 16px; height: 32px;
font-size: 12px; font-size: 12px;
padding: 6px 4px; padding: 6px 4px;
margin-top: 3px; margin-top: 3px;
border: 1px solid $border-color; border: 1px solid $border-color;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@media screen and (max-width: 580px) {
width: 100%;
float: none;
}
} }
.NB-story-comment-reply-form { .NB-story-comment-reply-form {
@ -989,6 +999,7 @@ blockquote {
@media screen and (max-width: 580px) { @media screen and (max-width: 580px) {
clear: both; clear: both;
margin: 4px 4px 4px 0; margin: 4px 4px 4px 0;
width: 68%;
} }
} }
.NB-modal-submit-button { .NB-modal-submit-button {
@ -1016,11 +1027,17 @@ blockquote {
.NB-story-comment-buttons { .NB-story-comment-buttons {
.NB-story-comment-save { .NB-story-comment-save {
position: absolute; float: right;
top: 13px; width: 164px;
right: 0; margin: 3px 0 0 0;
width: 140px;
@include NB-default-button; @include NB-default-button;
@media screen and (max-width: 580px) {
clear: both;
float: none;
margin: 8px 0 0;
width: 100%;
}
} }
.NB-story-comment-delete { .NB-story-comment-delete {
@ -1029,6 +1046,8 @@ blockquote {
} }
.NB-story-comments-public-header-wrapper { .NB-story-comments-public-header-wrapper {
clear: both;
margin-top: 6px;
color: $light-text-color; color: $light-text-color;
font-size: $smallest-font-size; font-size: $smallest-font-size;
border-bottom: 1px solid $border-color; border-bottom: 1px solid $border-color;

1
media/js/newsblur/social_page/social_page_comment.js
View file

@ -44,6 +44,7 @@ NEWSBLUR.Views.SocialPageComment = Backbone.View.extend({
this.$el.addClass('NB-hidden'); this.$el.addClass('NB-hidden');
$edit.removeClass('NB-hidden'); $edit.removeClass('NB-hidden');
$del.removeClass('NB-hidden'); $del.removeClass('NB-hidden');
$edit.show();
$input.html(this.model.get('comments')).focus(); $input.html(this.model.get('comments')).focus();
}, this)); }, this));
}, },

1
media/js/newsblur/social_page/social_page_login_view.js
View file

@ -2,6 +2,7 @@ NEWSBLUR.Views.SocialPageLoginSignupView = Backbone.View.extend({
events: { events: {
"click .NB-user-tab" : "open_user_dropdown", "click .NB-user-tab" : "open_user_dropdown",
"tap .NB-user-tab" : "open_user_dropdown",
"click .NB-menu-logout" : "logout", "click .NB-menu-logout" : "logout",
"click .NB-login-button" : "login", "click .NB-login-button" : "login",
"click .NB-signup-button" : "signup", "click .NB-signup-button" : "signup",