ulysia/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed border for focused tag input

Browse source
This commit is contained in:
Marcin Kurczewski 2014-09-18 10:51:12 +02:00
parent b76e4cd1af
commit 80d572622b
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public_html/css/forms.css
View file

@ -74,8 +74,12 @@ input[type=button]:not(:disabled):hover.highlight {
background: #dfa;
}
textarea:focus, input:focus{
textarea:focus, input:focus {
outline: none;
}
.tag-input.focused,
textarea:focus,
input:not(.tag-real-input):focus {
box-shadow: 0 0 0 1px #5da inset;
border-color: #5da;
}

9
public_html/js/Controls/TagInput.js
View file

@ -30,7 +30,7 @@ App.Controls.TagInput = function(
var $wrapper = jQuery('<div class="tag-input">');
var $tagList = jQuery('<ul class="tags">');
var $input = jQuery('<input type="text"/>');
var $input = jQuery('<input class="tag-real-input" type="text"/>');
$wrapper.append($tagList);
$wrapper.append($input);
$wrapper.insertAfter($underlyingInput);
@ -40,6 +40,13 @@ App.Controls.TagInput = function(
});
$input.attr('placeholder', $underlyingInput.attr('placeholder'));
$input.unbind('focus').bind('focus', function(e) {
$wrapper.addClass('focused');
});
$input.unbind('blur').bind('blur', function(e) {
$wrapper.removeClass('focused');
});
$input.unbind('paste').bind('paste', function(e) {
e.preventDefault();
var pastedText;