From 6ac33b02ae40fc7a97821382f6cd79ed135f391e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 9 Mar 2017 12:08:48 +0800 Subject: Fix Autocomplete position and Forms disabled styles bug and merge Menus and Dropdowns --- src/autocomplete.less | 7 +++++++ src/dropdowns.less | 2 +- src/forms.less | 15 ++++++++------- 3 files changed, 16 insertions(+), 8 deletions(-) (limited to 'src') diff --git a/src/autocomplete.less b/src/autocomplete.less index ce8b620..e392581 100644 --- a/src/autocomplete.less +++ b/src/autocomplete.less @@ -29,4 +29,11 @@ font-size: 1; padding: .1em 0; } + + .menu { + left: 0; + position: absolute; + top: 100%; + width: 100%; + } } diff --git a/src/dropdowns.less b/src/dropdowns.less index 96ab055..229bda2 100644 --- a/src/dropdowns.less +++ b/src/dropdowns.less @@ -4,7 +4,7 @@ position: relative; .menu { - animation: slide-down .2s; + animation: slide-down .2s 1; display: none; left: 0; position: absolute; diff --git a/src/forms.less b/src/forms.less index 3eafd65..226570a 100644 --- a/src/forms.less +++ b/src/forms.less @@ -360,6 +360,7 @@ } // Form disabled +.form-input, .form-select { &:disabled, &.disabled { @@ -372,11 +373,6 @@ input { &:disabled, &.disabled { - & { - background: @dark-bg-color; - cursor: default; - opacity: .5; - } & + .form-icon { background: @dark-bg-color; border-color: @light-gray-color; @@ -388,8 +384,13 @@ input { } .form-switch { - input:disabled + .form-icon::after { - background: @light-bg-color; + input { + &:disabled, + &.disabled { + & + .form-icon::after { + background: @light-bg-color; + } + } } } -- cgit v1.3.1-23-gd82d