classcard-ui 0.2.1478 → 0.2.1480

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.1478",
+  "version": "0.2.1480",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CSelect/CSelect.vue

@@ -68,7 +68,10 @@
           class="pointer-events-none absolute inset-0 left-3 flex h-9 items-center overflow-hidden pr-10"
         >
           <div
-            :class="['flex items-center gap-2 truncate', selectedOptionStyles]"
+            :class="[
+              'flex min-w-0 flex-1 items-center gap-2',
+              selectedOptionStyles,
+            ]"
           >
             <div
               class="flex shrink-0"
@@ -149,31 +152,37 @@
                 +{{ selectedValuesArray.length - 1 }}
               </p>
             </div>
-            <p
+            <div
               v-else
-              :class="[
-                'flex items-center gap-2 truncate text-sm',
-                showImage ? 'ml-3' : '',
-                selectedValueClass,
-              ]"
-              v-bind:style="{
-                ...(shouldShowCustomFonts ? { fontFamily: selectedValue } : {}),
-              }"
+              class="flex min-w-0 flex-1 items-center gap-3"
             >
-              {{
-                hasSelectedValue
-                  ? selectedValue
-                  : !selectSearch || selectSearch == ""
-                  ? placeholder
-                  : null
-              }}
+              <p
+                :class="[
+                  'min-w-0 flex-1 truncate text-sm',
+                  showImage ? 'ml-3' : '',
+                  selectedValueClass,
+                ]"
+                v-bind:style="{
+                  ...(shouldShowCustomFonts
+                    ? { fontFamily: selectedValue }
+                    : {}),
+                }"
+              >
+                {{
+                  hasSelectedValue
+                    ? selectedValue
+                    : !selectSearch || selectSearch == ""
+                    ? placeholder
+                    : null
+                }}
+              </p>
               <c-tag
                 v-if="value && value.badge"
                 :label="value.badge.label"
                 :color="value.badge.color"
                 class="shrink-0"
               ></c-tag>
-            </p>
+            </div>
           </div>
         </div>
         <div
@@ -616,8 +625,8 @@
 import { isNumber, isEmpty } from "lodash-es";
 import CIcon from "../CIcon/CIcon.vue";
 import { getActionID } from "../../helper";
-import CTag from '../CTag/CTag.vue';
-import CAvatar from '../CAvatar/CAvatar.vue';
+import CTag from "../CTag/CTag.vue";
+import CAvatar from "../CAvatar/CAvatar.vue";
 export default {
   name: "CSelect",
   components: {