Commit af3284d9 authored by Phil Hughes's avatar Phil Hughes

Focus style for comment form

parent 38e32780
...@@ -288,6 +288,12 @@ class @Notes ...@@ -288,6 +288,12 @@ class @Notes
else else
previewButton.removeClass("turn-on").addClass "turn-off" previewButton.removeClass("turn-on").addClass "turn-off"
textarea.on 'focus', ->
$(this).closest('.md-area').addClass 'is-focused'
textarea.on 'blur', ->
$(this).closest('.md-area').removeClass 'is-focused'
autosize(textarea) autosize(textarea)
new Autosave textarea, [ new Autosave textarea, [
......
...@@ -82,11 +82,8 @@ ...@@ -82,11 +82,8 @@
} }
.md-preview-holder { .md-preview-holder {
background: #fff; min-height: 167px;
border: 1px solid #ddd; padding: 10px 0;
min-height: 169px;
padding: 5px;
box-shadow: none;
} }
.markdown-area { .markdown-area {
......
...@@ -44,8 +44,7 @@ ...@@ -44,8 +44,7 @@
} }
.note-textarea { .note-textarea {
padding-left: 0; padding: 10px 0;
padding-right: 0;
font-family: $regular_font; font-family: $regular_font;
border: 0; border: 0;
...@@ -63,8 +62,18 @@ ...@@ -63,8 +62,18 @@
.common-note-form { .common-note-form {
.md-area { .md-area {
padding: $gl-padding-top $gl-padding; padding: $gl-padding-top $gl-padding;
border: 1px solid #E5E5E5; border: 1px solid #e5e5e5;
border-radius: $border-radius-base; border-radius: $border-radius-base;
&.is-focused {
border-color: #3b99fc;
box-shadow: 0 0 4px rgba(#3b99fc, .7);
.comment-toolbar,
.nav-links {
border-color: #3b99fc;
}
}
} }
} }
...@@ -156,8 +165,6 @@ ...@@ -156,8 +165,6 @@
} }
.toolbar-button { .toolbar-button {
float: left;
margin-right: $gl-padding;
padding: 0; padding: 0;
background: none; background: none;
border: 0; border: 0;
...@@ -171,9 +178,15 @@ ...@@ -171,9 +178,15 @@
outline: 0; outline: 0;
} }
@media (min-width: $screen-md-min) {
float: left;
margin-right: $gl-padding;
&:last-child { &:last-child {
float: right;
margin-right: 0; margin-right: 0;
} }
}
} }
.toolbar-button-icon { .toolbar-button-icon {
...@@ -185,8 +198,11 @@ ...@@ -185,8 +198,11 @@
} }
.toolbar-text { .toolbar-text {
float: left;
color: #959494; color: #959494;
font-size: 14px; font-size: 14px;
line-height: 16px; line-height: 16px;
@media (min-width: $screen-md-min) {
float: left;
}
} }
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
Styling with Styling with
= link_to 'Markdown', help_page_path('markdown', 'markdown'), target: '_blank', tabindex: -1 = link_to 'Markdown', help_page_path('markdown', 'markdown'), target: '_blank', tabindex: -1
is supported is supported
%button.toolbar-button.markdown-selector.pull-right{ type: 'button', tabindex: '-1' } %button.toolbar-button.markdown-selector{ type: 'button', tabindex: '-1' }
= icon('file-image-o', class: 'toolbar-button-icon') = icon('file-image-o', class: 'toolbar-button-icon')
Attach a file Attach a file
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment