fix: attempt to fix tooltip maxWidth

sikka-software · Feb 4, 2024 · 92146f2 · 92146f2
1 parent 433545c
commit 92146f2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/packages/components/elements/tooltip/Tooltip.tsx b/packages/components/elements/tooltip/Tooltip.tsx
@@ -95,8 +95,9 @@ const Tooltip: React.FunctionComponent<TooltipTypes> = ({
           {...contentProps}
           style={{
             ...contentProps?.style,
-            maxWidth: "var(--radix-tooltip-content-available-width)",
-            maxHeight: "var(--radix-tooltip-content-available-height)"
+            maxWidth: "var(--radix-tooltip-content-available-width) !important",
+            maxHeight:
+              "var(--radix-tooltip-content-available-height) !important"
           }}
         >
           {content}

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.27.16",
+  "version": "0.27.17",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",

diff --git a/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx b/packages/storybook/stories/BlocksStories/AuthStories/Register.stories.tsx
@@ -33,8 +33,8 @@ export const Default: Story = {
           ]}
           usernameOptions={{
             label: {
-              hintSide: "right",
-              hint: "Testing a hint",
+              hintSide: "top",
+              hint: "إسم البكلة هو الجزء الأخير من رابط البكلة الخاص بك. مثال: https://puk.la/example",
               required: true
             }
           }}