@asd20/ui 3.2.803 → 3.2.805

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.803",
8
+ "version": "3.2.805",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -92,6 +92,8 @@
92
92
  :value="selectedCategories"
93
93
  :items="categoryOptions"
94
94
  @input="$emit('update:selected-categories', $event)"
95
+ :hideLabel="true"
96
+ placeholder="Filter by Category"
95
97
  />
96
98
  </div>
97
99
 
@@ -476,8 +478,17 @@ export default {
476
478
  margin: space(0) space(1) space(1) space(1);
477
479
  }
478
480
 
479
- .asd20-search-field .asd20-icon {
480
- margin-left: 0;
481
+ .asd20-search-field {
482
+ border: 2px solid var(--color__accent);
483
+ margin: space(0.5) 0;
484
+ .asd20-icon {
485
+ margin-left: space(0.5);
486
+ }
487
+ }
488
+ .asd20-multiselect-input {
489
+ .multiselect__placeholder {
490
+ padding-left: 1rem;
491
+ }
481
492
  }
482
493
  }
483
494
 
@@ -535,6 +546,17 @@ export default {
535
546
  display: flex;
536
547
  flex-basis: 100%;
537
548
  justify-content: space-between;
549
+ .asd20-search-field {
550
+ border: none;
551
+ flex-basis: 50%;
552
+ .asd20-icon {
553
+ margin-left: 0;
554
+ }
555
+ }
556
+ .asd20-multiselect-input {
557
+ margin-bottom: 0;
558
+ flex-basis: 50%;
559
+ }
538
560
  }
539
561
  .article-pagination {
540
562
  flex-direction: row;
@@ -103,6 +103,8 @@
103
103
  :value="selectedCategories"
104
104
  :items="categoryOptions"
105
105
  @input="$emit('update:selected-categories', $event)"
106
+ :hideLabel="true"
107
+ placeholder="Filter by Category"
106
108
  />
107
109
  <!-- <asd20-multiselect-input
108
110
  role="listbox"
@@ -494,7 +496,7 @@ export default {
494
496
  text-decoration: none !important;
495
497
  }
496
498
  .asd20-button {
497
- padding: 0;
499
+ padding: space(0.25);
498
500
  > .asd20-button__label {
499
501
  margin: 0;
500
502
  }
@@ -519,8 +521,17 @@ export default {
519
521
  background: rgba(200, 200, 200, 0.2);
520
522
  }
521
523
  }
522
- .asd20-search-field .asd20-icon {
523
- margin-left: 0;
524
+ .asd20-search-field {
525
+ border: 2px solid var(--color__accent);
526
+ margin: space(0.5) 0;
527
+ .asd20-icon {
528
+ margin-left: space(0.5);
529
+ }
530
+ }
531
+ .asd20-multiselect-input {
532
+ .multiselect__placeholder {
533
+ padding-left: 1rem;
534
+ }
524
535
  }
525
536
  .asd20-card__content {
526
537
  padding: space(1) space(1);
@@ -577,6 +588,17 @@ export default {
577
588
  display: flex;
578
589
  flex-basis: 100%;
579
590
  justify-content: space-between;
591
+ .asd20-search-field {
592
+ border: none;
593
+ flex-basis: 50%;
594
+ .asd20-icon {
595
+ margin-left: 0;
596
+ }
597
+ }
598
+ .asd20-multiselect-input {
599
+ margin-bottom: 0;
600
+ flex-basis: 50%;
601
+ }
580
602
  }
581
603
  .article-pagination {
582
604
  flex-direction: row;