edvoyui-component-library-test-flight 0.0.35 → 0.0.36

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/dropdown/EUIMultiDropdown.stories.ts +2 -1
  3. package/src/components/dropdown/EUIMultiDropdown.vue +6 -4
  4. package/src/style.scss +32 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "edvoyui-component-library-test-flight",
3
3
  "private": false,
4
- "version": "0.0.35",
4
+ "version": "0.0.36",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist/",
package/src/components/dropdown/EUIMultiDropdown.stories.ts CHANGED
@@ -251,7 +251,8 @@ export const UseActionitem = Template.bind({});
251
251
  {
252
252
  "text": "New Students"
253
253
  }
254
- ]
254
+ ],
255
+ "enableAction": true,
255
256
  }
256
257
  ];
257
258
 
package/src/components/dropdown/EUIMultiDropdown.vue CHANGED
@@ -37,10 +37,11 @@
37
37
 
38
38
  <!-- Sub-menu lists-->
39
39
  <div v-if="item.subMenu && activeMenuItem === item.text" class="absolute top-0 z-10 transition-all duration-300 ease-in-out left-full min-w-36 max-w-64 w-max">
40
- <div class="p-2 bg-white border border-gray-200 border-solid rounded-lg shadow-2xl ms-2 shadow-gray-300">
41
- <div v-if="item.enableAction" class="px-4 py-2 mb-2 -mx-2 -mt-2 text-sm font-medium text-gray-900 bg-purple-100 rounded-t-lg" @click.prevent="$emit('actionItem', 'action')">
42
- <slot name="actionName">{{ 'Action Name' }}</slot>
40
+ <div class="bg-white border border-gray-200 border-solid rounded-lg shadow-2xl ms-2 shadow-gray-300">
41
+ <div v-if="item.enableAction" class="flex items-center justify-center w-full gap-1 px-6 py-3 text-sm font-medium text-gray-900 bg-purple-100 rounded-t-md" @click.prevent="$emit('actionItem', 'action')">
42
+ <slot name="actionName">{{ '+ Action Name' }}</slot>
43
43
  </div>
44
+ <div class="p-2 overflow-y-auto overscroll-auto max-h-[50svh] min-h-0 scrollbar--thin">
44
45
  <div
45
46
  v-for="subItem in item.subMenu"
46
47
  :key="subItem.text"
@@ -51,6 +52,7 @@
51
52
  {{ subItem.text }}
52
53
  </slot>
53
54
  </div>
55
+ </div>
54
56
  </div>
55
57
  </div>
56
58
 
@@ -98,7 +100,7 @@ defineProps({
98
100
  text: "Custom Filter",
99
101
  subMenu: [
100
102
  { text: "Application Intakes" },
101
- { text: "New Students" }
103
+ { text: "New Students" },
102
104
  ],
103
105
  enableAction: true
104
106
  }
package/src/style.scss CHANGED
@@ -3,6 +3,38 @@
3
3
  @import "assets/scss/body.scss";
4
4
  @tailwind utilities;
5
5
 
6
+ @layer components {
7
+ .scrollbar {
8
+ &--hide {
9
+ @apply overflow-y-auto;
10
+ &::-webkit-scrollbar {
11
+ @apply size-0;
12
+ }
13
+ &::-webkit-scrollbar-track {
14
+ @apply bg-transparent rounded-full;
15
+ }
16
+ &::-webkit-scrollbar-thumb {
17
+ @apply bg-transparent rounded-full;
18
+ }
19
+ }
20
+ &--thin {
21
+ @apply overflow-y-auto transition duration-100 ease-in;
22
+ &::-webkit-scrollbar {
23
+ @apply w-1 h-full;
24
+ }
25
+ &::-webkit-scrollbar-track {
26
+ @apply bg-transparent rounded-full;
27
+ }
28
+ &::-webkit-scrollbar-thumb {
29
+ @apply bg-transparent rounded-full;
30
+ }
31
+ &:hover::-webkit-scrollbar-thumb {
32
+ @apply bg-gray-400;
33
+ }
34
+ }
35
+ }
36
+ }
37
+
6
38
  @layer base {
7
39
  html {
8
40
  font-family: "Inter", "Gilroy", -apple-system, system-ui, sans-serif;