Commit af3284d9 authored by Phil Hughes's avatar Phil Hughes

Focus style for comment form

parent 38e32780
......@@ -288,6 +288,12 @@ class @Notes
else
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)
new Autosave textarea, [
......
......@@ -82,11 +82,8 @@
}
.md-preview-holder {
background: #fff;
border: 1px solid #ddd;
min-height: 169px;
padding: 5px;
box-shadow: none;
min-height: 167px;
padding: 10px 0;
}
.markdown-area {
......
......@@ -44,8 +44,7 @@
}
.note-textarea {
padding-left: 0;
padding-right: 0;
padding: 10px 0;
font-family: $regular_font;
border: 0;
......@@ -63,8 +62,18 @@
.common-note-form {
.md-area {
padding: $gl-padding-top $gl-padding;
border: 1px solid #E5E5E5;
border: 1px solid #e5e5e5;
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 @@
}
.toolbar-button {
float: left;
margin-right: $gl-padding;
padding: 0;
background: none;
border: 0;
......@@ -171,9 +178,15 @@
outline: 0;
}
@media (min-width: $screen-md-min) {
float: left;
margin-right: $gl-padding;
&:last-child {
float: right;
margin-right: 0;
}
}
}
.toolbar-button-icon {
......@@ -185,8 +198,11 @@
}
.toolbar-text {
float: left;
color: #959494;
font-size: 14px;
line-height: 16px;
@media (min-width: $screen-md-min) {
float: left;
}
}
......@@ -6,7 +6,7 @@
Styling with
= link_to 'Markdown', help_page_path('markdown', 'markdown'), target: '_blank', tabindex: -1
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')
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