Fixing editing comments on iphone.

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

View file

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

View file

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

View file

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

View file

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