@asd20/ui 3.2.803 → 3.2.804

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.804",
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,15 @@ 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 span {
489
+ padding-left: 1rem;
481
490
  }
482
491
  }
483
492
 
@@ -542,6 +551,12 @@ export default {
542
551
  .article-digest {
543
552
  // flex-basis: 100%;
544
553
  margin: space(1) space(3) space(1) space(3);
554
+ .asd20-search-field {
555
+ border: none;
556
+ .asd20-icon {
557
+ margin-left: 0;
558
+ }
559
+ }
545
560
  }
546
561
  }
547
562
  }
@@ -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,15 @@ 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 span {
532
+ padding-left: 1rem;
524
533
  }
525
534
  .asd20-card__content {
526
535
  padding: space(1) space(1);
@@ -577,6 +586,9 @@ export default {
577
586
  display: flex;
578
587
  flex-basis: 100%;
579
588
  justify-content: space-between;
589
+ .asd20-multiselect-input {
590
+ margin-bottom: 0;
591
+ }
580
592
  }
581
593
  .article-pagination {
582
594
  flex-direction: row;
@@ -584,6 +596,12 @@ export default {
584
596
  .article-list {
585
597
  flex-basis: 50%;
586
598
  margin: space(0) space(0) space(1) space(3);
599
+ .asd20-search-field {
600
+ border: none;
601
+ .asd20-icon {
602
+ margin-left: 0;
603
+ }
604
+ }
587
605
  }
588
606
  .asd20-card {
589
607
  margin-bottom: space(1);