From 81fbf2aeb941a54aad567ecddf4ab358e0e941fc Mon Sep 17 00:00:00 2001 From: jlukic Date: Fri, 14 Mar 2014 12:09:44 -0400 Subject: [PATCH] Fixes #711 selection dropdown does not match input height. Also adds stricter dropdown error css selectors --- src/modules/dropdown.js | 5 ++++- src/modules/dropdown.less | 16 +++++++++++----- 2 files changed, 15 insertions(+), 6 deletions(-) diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index a5720dc4e..8cce5b0e7 100755 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -435,7 +435,10 @@ $.fn.dropdown = function(parameters) { value: function(value) { module.debug('Adding selected value to hidden input', value, $input); if($input.size() > 0) { - $input.val(value); + $input + .val(value) + .trigger('change') + ; } else { $module.data(metadata.value, value); diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less index d6909b601..3e246ac76 100755 --- a/src/modules/dropdown.less +++ b/src/modules/dropdown.less @@ -243,7 +243,8 @@ ----------------------*/ .ui.dropdown.error, -.ui.dropdown.error .item { +.ui.dropdown.error > .text, +.ui.dropdown.error > .default.text { color: #D95C5C !important; } @@ -257,19 +258,24 @@ box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important; } -.ui.dropdown.error .menu { +.ui.dropdown.error > .menu, +.ui.dropdown.error > .menu .menu { -webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important; -moz-box-shadow: 0px 0px 1px 1px #E7BEBE !important; box-shadow: 0px 0px 1px 1px #E7BEBE !important; } +.ui.dropdown.error > .menu .item { + color: #D95C5C !important; +} + /* Item Hover */ -.ui.dropdown.error .menu .item:hover { +.ui.dropdown.error > .menu .item:hover { background-color: #FFF2F2 !important; } /* Item Active */ -.ui.dropdown.error .menu .active.item { +.ui.dropdown.error > .menu .active.item { background-color: #FDCFCF !important; } @@ -346,7 +352,7 @@ white-space: normal; background-color: #FFFFFF; - padding: 0.5em 1em; + padding: 0.65em 1em; line-height: 1.33; color: rgba(0, 0, 0, 0.8);