UX: better outline support in sk components ()

This commit is contained in:
Joffrey JAFFEUX 2020-04-22 10:54:02 +02:00 committed by GitHub
parent e733701887
commit 5c45363e67
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 6 deletions
app/assets
javascripts/select-kit/components
stylesheets/common/select-kit

@ -838,6 +838,12 @@ export default Component.extend(
strategy: placementStrategy,
placement: this.selectKit.options.placement,
modifiers: [
{
name: "offset",
options: {
offset: [0, 2]
}
},
{
name: "positionWrapper",
phase: "afterWrite",

@ -4,12 +4,6 @@
margin-bottom: 5px;
margin-left: 5px;
&.is-expanded {
.select-kit-header {
border: 1px solid $tertiary;
}
}
&.no-tags {
.select-kit-header .selected-name {
color: $primary-medium;

@ -34,6 +34,10 @@
box-sizing: border-box;
width: 100%;
}
.select-kit-header {
outline: 1px solid $tertiary;
}
}
&.is-loading {