@usssa/component-library 1.0.0-alpha.111 → 1.0.0-alpha.112

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/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Component Library v1.0.0-alpha.111
1
+ # Component Library v1.0.0-alpha.112
2
2
 
3
3
  **This library provides custom UI components for USSSA applications.**
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usssa/component-library",
3
- "version": "1.0.0-alpha.111",
3
+ "version": "1.0.0-alpha.112",
4
4
  "description": "A Quasar component library project",
5
5
  "productName": "Quasar component library App",
6
6
  "author": "Troy Moreland <troy.moreland@usssa.com>",
@@ -92,6 +92,9 @@ const props = defineProps({
92
92
  type: Boolean,
93
93
  default: false,
94
94
  },
95
+ showDescriptionTooltip: {
96
+ type: Boolean,
97
+ },
95
98
  showInviteBtn: {
96
99
  type: Boolean,
97
100
  default: false,
@@ -561,6 +564,14 @@ watch(
561
564
  <q-item-label class="text-body-xs text-neutral-9 wrapped-text">
562
565
  {{ item?.description }}
563
566
  </q-item-label>
567
+
568
+ <UTooltip
569
+ v-if="showDescriptionTooltip"
570
+ class="description-tooltip"
571
+ anchor="top middle"
572
+ :description="item.description"
573
+ self="bottom middle"
574
+ />
564
575
  </q-item-section>
565
576
 
566
577
  <q-item-section side>
@@ -710,6 +721,13 @@ watch(
710
721
  >
711
722
  {{ item?.description }}
712
723
  </q-item-label>
724
+ <UTooltip
725
+ v-if="showDescriptionTooltip"
726
+ class="description-tooltip"
727
+ anchor="top middle"
728
+ :description="item.description"
729
+ self="bottom middle"
730
+ />
713
731
  </q-item-section>
714
732
 
715
733
  <q-item-section side>
@@ -808,4 +826,6 @@ watch(
808
826
  white-space: normal
809
827
  overflow: hidden
810
828
  word-wrap: break-word
829
+ .description-tooltip
830
+ transform: translateX(20px)
811
831
  </style>