@quidgest/ui 0.5.12 → 0.5.14

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/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest Framework v0.5.12
2
+ * Quidgest Framework v0.5.14
3
3
  * (c) 2023 Quidgest - Consultores de Gestão, SA
4
4
  */
5
5
 
@@ -605,8 +605,10 @@ $line-color: var(--q-theme-primary);
605
605
  font-style: normal;
606
606
  text-decoration: underline;
607
607
  }
608
- &__check {
608
+ &__check-container {
609
+ display: flex;
609
610
  margin-left: auto;
611
+ min-width: 1em;
610
612
  }
611
613
  & + & {
612
614
  margin-top: 1px;
@@ -625,6 +627,7 @@ $overlay-arrow-height: 0.5rem;
625
627
  &__content {
626
628
  display: block;
627
629
  position: relative;
630
+ min-width: fit-content;
628
631
  width: 100%;
629
632
  background-color: var(--q-overlay-bg);
630
633
  color: var(--q-overlay-color);
@@ -777,6 +780,12 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
777
780
  &:not(#{$this}--readonly):not(#{$this}--disabled) {
778
781
  cursor: pointer;
779
782
  }
783
+ &__value,
784
+ &__placeholder {
785
+ white-space: nowrap;
786
+ overflow: hidden;
787
+ text-overflow: ellipsis;
788
+ }
780
789
  &__placeholder {
781
790
  font-style: italic;
782
791
  color: rgb(var(--q-theme-on-background-rgb) / 0.5);
@@ -793,8 +802,7 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
793
802
  }
794
803
  }
795
804
  .q-select__clear,
796
- .q-select__chevron,
797
- .q-select__search-icon {
805
+ .q-select__chevron {
798
806
  opacity: 0.5;
799
807
  }
800
808
  .q-select__clear,
@@ -815,16 +823,15 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
815
823
  padding: $space-base 0;
816
824
  .q-list-item {
817
825
  width: calc(100% - 2 * $space-base);
818
- }
819
- }
820
- .q-select__search {
821
- width: calc(100% - 2 * $space-base);
822
- &:focus-within {
823
- outline: none;
826
+ margin-left: $space-base;
827
+ margin-right: $space-base;
824
828
  }
825
829
  }
826
830
  .q-select__items {
831
+ min-width: fit-content;
832
+ width: 100%;
827
833
  max-height: 240px;
834
+ align-items: start;
828
835
  }
829
836
  .q-select__loader,
830
837
  .q-select__empty {
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@quidgest/ui",
3
3
  "private": false,
4
- "description": "Quidgest UI kit",
5
- "version": "0.5.12",
4
+ "description": "Quidgest's UI framework",
5
+ "version": "0.5.14",
6
6
  "author": {
7
7
  "name": "Quidgest"
8
8
  },