From 4ab3542c881d61ccb3159d61a1c5702241e6378b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Tue, 16 Feb 2016 15:12:20 +0100 Subject: [PATCH] ux(): fixes --- public/sass/base/_forms.scss | 67 +++---------------- .../vendor/tagsinput/bootstrap-tagsinput.js | 3 +- 2 files changed, 10 insertions(+), 60 deletions(-) diff --git a/public/sass/base/_forms.scss b/public/sass/base/_forms.scss index edc73cfcfd6..e65206471ad 100644 --- a/public/sass/base/_forms.scss +++ b/public/sass/base/_forms.scss @@ -25,6 +25,7 @@ legend { } } +// Reset height since textareas have rows // Set font for forms label, input, @@ -45,70 +46,18 @@ label { display: block; } -// // Form controls -// // ------------------------- -// -// // Shared size and type resets -// select, -// textarea, -// input[type="text"], -// input[type="password"], -// input[type="datetime"], -// input[type="datetime-local"], -// input[type="date"], -// input[type="month"], -// input[type="time"], -// input[type="week"], -// input[type="number"], -// input[type="email"], -// input[type="url"], -// input[type="search"], -// input[type="tel"], -// input[type="color"], -// .uneditable-input { -// display: inline-block; -// height: $input-height; -// line-height: $input-line-height; -// padding: 4px 6px; -// font-size: $font-size-base; -// color: $input-color; -// vertical-align: top; -// } +input, +select { + background-color: $input-bg; + color: $input-color; + border: none; + box-shadow: none; +} -// Reset height since textareas have rows textarea { height: auto; } -// // Everything else -// textarea, -// input[type="text"], -// input[type="password"], -// input[type="datetime"], -// input[type="datetime-local"], -// input[type="date"], -// input[type="month"], -// input[type="time"], -// input[type="week"], -// input[type="number"], -// input[type="email"], -// input[type="url"], -// input[type="search"], -// input[type="tel"], -// input[type="color"] { -// background-color: $input-bg; -// border: 1px solid $input-border-color; -// @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); -// @include transition("border linear .2s, box-shadow linear .2s"); -// -// // Focus state -// &:focus { -// border-color: rgba(82,168,236, .8); -// outline: 0; -// @include box-shadow("inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)"); -// } -// } - // Reset width of input images, buttons, radios, checkboxes input[type="file"], input[type="image"], diff --git a/public/vendor/tagsinput/bootstrap-tagsinput.js b/public/vendor/tagsinput/bootstrap-tagsinput.js index 5c8e25a5761..b3a3c3bc386 100644 --- a/public/vendor/tagsinput/bootstrap-tagsinput.js +++ b/public/vendor/tagsinput/bootstrap-tagsinput.js @@ -35,7 +35,8 @@ this.inputSize = Math.max(1, this.placeholderText.length); this.$container = $('
'); - this.$input = $('').appendTo(this.$container); + this.$input = $('').appendTo(this.$container); this.$element.after(this.$container);