Summary Files Commits Branches @commit @diff @stats
path: root / src / autocomplete.less
diff options
context:
space:
mode:
Commit48f0d7e0e6d6d6569dbf98dd56091466520ae206 (patch)
Author
 Yan Zhu <picturepan2@hotmail.com>
2017-01-25 18:45:24 +0800
Committer
 GitHub <noreply@github.com>
2017-01-25 18:45:24 +0800
Files62c5f08d27a6ba1b87782e0433dcf9559d37ed94 /src/autocomplete.less
Spectre-Dark-Gruvbox-0.1.32.tar
Spectre-Dark-Gruvbox-0.1.32.tar.gz
Spectre-Dark-Gruvbox-0.1.32.zip
Parenta5076e547192bf098ddde4049c31cfd4c899ff01 (diff)
Parentf87896f812b712f730bddd304cead9aa8090d21a (diff)
Merge pull request #136 from picturepan2/hotfix/fixes v0.1.32
Hotfix/fixes
1 files changed, 8 insertions, 45 deletions
-rw-r--r--src/autocomplete.less53
diff --git a/src/autocomplete.less b/src/autocomplete.less
index d1cc42b..a9adc07 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -3,62 +3,25 @@
position: relative;
.form-autocomplete-input {
+ align-content: flex-start;
background: #fff;
border: .1rem solid @control-color;
- border-radius: .3rem;
+ border-radius: @border-radius;
color: @body-font-color;
- display: block;
- font-size: 1.4rem;
- line-height: 1.6rem;
- max-width: 100%;
- min-height: 3.2rem;
+ display: flex;
+ flex-wrap: wrap;
+ min-height: 3.6rem;
outline: 0;
- padding: .3rem .3rem 0 .3rem;
+ padding: .1rem 0 .1rem .2rem;
width: 100%;
- .chip-sm {
- margin-bottom: .3rem;
- }
-
.form-input {
- background: #fff;
border-color: transparent;
+ box-shadow: none;
display: inline-block;
- height: 2.4rem;
- margin-bottom: .3rem;
+ flex: 1 0 auto;
padding: .3rem;
- vertical-align: top;
width: auto;
}
}
-
- .form-autocomplete-list {
- background: #fff;
- border: .1rem solid lighten(@control-color, 5%);
- border-radius: .3rem;
- display: block;
- height: auto;
- left: 0;
- .light-shadow;
- margin: .3rem 0 0 0;
- padding: .5rem;
- position: absolute;
- top: 100%;
- width: 100%;
- z-index: 1988;
- }
- .form-autocomplete-item {
- border-radius: .3rem;
- display: block;
- margin-top: .1rem;
- padding: .2rem 1rem;
-
- &:hover,
- &:focus {
- background: lighten(@core-secondary-color, 5%);
- }
- &.active {
- background: @core-secondary-color;
- }
- }
}