profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/saadeghi/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Pouya Saadeghi saadeghi @Atbox https://pouya.atbox.io Freelancer — UI developer — Frontend developer — co-founder @atbox — Email me for freelance projects

saadeghi/daisyui 5138

⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components

saadeghi/browser-hack-sass-mixins 171

Browser hack sass mixin - Apply your SCSS to a specific browser - CSS hacks for: IE, Chrome, Firefox, Edge, Opera

saadeghi/design-systems 150

A list of famous design systems, design languages and guidelines

saadeghi/tailwindcss-document-cli 25

Tailwind CSS Document for CLI

saadeghi/curse 22

Use this blacklist on your softwares and apps

saadeghi/smart-grid 8

Smart and minimal Sass grid mixin that doesn't need HTML class names!

saadeghi/create-react-app-tailwindcss 5

create react app with tailwindcss configed

saadeghi/border1pxred 3

For the lulz

issue commentsaadeghi/daisyui

Build error using Pheonix and TailwindCSS: "SassError: Function hsla is missing argument $saturation."

@ehaughee I couldn't run your project because there are some ignored local dependencies.
Can you please make an isolated example repo so I can reproduce this issue?

ehaughee

comment created time in 11 hours

issue closedsaadeghi/daisyui

Suggestion : Search box with floating results

A search box with floating on top suggestions box just like Github, google, Stackoverflow and many others. i dont know if it fits into a new component or just a demo using currently available components but it's a very much needed feature. Thank you

closed time in 12 hours

pooyaEst

issue commentsaadeghi/daisyui

Suggestion : Search box with floating results

@pooyaEst
Using dropdown with text input and menu: https://play.tailwindcss.com/UeXWmfZ2tR

pooyaEst

comment created time in 12 hours

issue commentsaadeghi/daisyui

Build error using Pheonix and TailwindCSS: "SassError: Function hsla is missing argument $saturation."

@ehaughee this hsla(var(--b1)/var(--tw-bg-opacity,1)) is valid CSS and Sass should not have problems with that 🤔
Can you try webpack's style-loader instead of sass loader? Because I don't think Sass is needed when there's Postcss This webpack config may help

ehaughee

comment created time in 2 days

issue commentsaadeghi/daisyui

Suggestion of improvement indicator !?

@devopg you're right and that definitely looks better.
The problem is that image can be any size and I couldn't come up with a positioning for the indicator that always touch the circle 🤷‍♂️

devopg

comment created time in 2 days

issue commentsaadeghi/daisyui

Component Not found

@SupunSam that's just demo URL. If you're using that carousel example, you just need the anchor link like this:

<a href="#item1" class="btn btn-xs btn-circle">1</a>

Let me know if you have any questions

SupunSam

comment created time in 2 days

issue closedsaadeghi/daisyui

Component Not found

Hi, I am using daisyui for my laravel app and it works fine or that's what I thought. Whenever I use something with components as below chrome console throws an error. I tried to use a Carousal for my app.

<a href="/components/carousel#item1" class="btn btn-xs btn-circle">1</a>

Saying 404 it's not found. So I believe these components should be in my components folder. Right?

I followed the documentation clearly. Is there anyway to publish these components to my reources\Views folder

closed time in 2 days

SupunSam

issue commentsaadeghi/daisyui

Colors not correctly auto-installed for Windicss

Thanks for the workaround @marshallswain 👍
Honestly Windi has been a huge problem for me. Their transform API is super-buggy and never works as intended to transform plugins 🥲 I'm so tired of opening new issues there...

If this workaround does the job, I can replace this in daisyUI docs 🤷‍♂️

marshallswain

comment created time in 2 days

issue closedsaadeghi/daisyui

Show how to modify Modal trigger by state changed

I'd like to suggest at the docs: modal show user how to trigger the the opening of the modal manually, e.g. I'm using React's state change to open the modal, not <a> or <input type="checkbox"/>

It's just this part:

<div id="my-modal" className={state ? "modal opacity-100 pointer-events-auto visible" : "modal"}>
    <div className={state? "modal-box transform scale-100 translate-y-0" : "modal-box"}>
        // rest of modal code
    </div>
</div>

thanks

closed time in 2 days

ChapmanCheng

issue commentsaadeghi/daisyui

Show how to modify Modal trigger by state changed

@ChapmanCheng There's a utility class as mentioned in the docs:
modal-open: Add/remove this class to open/close the modal using JS

ChapmanCheng

comment created time in 2 days

issue closedsaadeghi/daisyui

Dropdown Force Close

It doesn't seem like there's a way to force close a dropdown. I'm using a dropdown in my navbar to allow users to navigate to their profile or settings page. When the dropdown menu item is clicked, the app navigates and leaves the dropdown open.

Also, I wish there was a way to tell the dropdown to close if the button is clicked and the dropdown is already open. I guess you could call this toggling.

closed time in 2 days

christianblandford

issue commentsaadeghi/daisyui

Dropdown Force Close

@christianblandford daisyUI modal uses :focus to show/hide the dropdown. When content is focused, the dropdown stays open. when it loses the focus, dropdown gets closed.
To close the dropdown on a SPA when a link is clicked (you want to change page content but dropdown is still focused), you can use Javascript to remove the focus: https://play.tailwindcss.com/sLI0mVhaZ3

christianblandford

comment created time in 2 days

issue closedsaadeghi/daisyui

Is it possible to expand the palette?

Hi again,

In tailwind directly, it's possible to add as many variants as you like for a specific color, with the ability to fall back to the default if not found.

With our usage, we've found it would be hugely valuable to add support for something like primary-100, primary-200 etc, that could be defined in the theme and fall back to primary directly if the theme doesn't have definitions. Is it possible to expand the primary, secondary, accent definition include non-default variants?

Thanks!

closed time in 2 days

tom-acceleratecompliance

issue commentsaadeghi/daisyui

Is it possible to expand the palette?

@tom-acceleratecompliance Currently there's no easy way to do this (you have to add all possible utility classes for all custom colors manually). But you can always use Tailwind colors anywhere.
I believe 2 shades of primary color is a common practice in a design system. some design systems add a wider range of shades but I don't find that practical in a real product.

tom-acceleratecompliance

comment created time in 2 days

startedprivatenumber/tasuku

started time in 2 days

issue commentsaadeghi/daisyui

Add icon button

@DanDev95 I'm not sure about your layout but here's an example with icons close to each other 🤷‍♂️

DanDev95

comment created time in 4 days

issue commentsaadeghi/daisyui

Add icon button

@DanDev95 How about this?

DanDev95

comment created time in 4 days

issue closedsaadeghi/daisyui

Add icon button

A nice new addition to the buttons would be an icon button that takes things like svg as its children, where it has the same animation as the other buttons, but doesn't have any surrounding box, . Something like the link button.

closed time in 4 days

DanDev95

issue commentsaadeghi/daisyui

Add icon button

@DanDev95 You can do this using btn btn-square btn-ghost. example:
https://play.tailwindcss.com/6byb93sBOe

Please let me know if you have any questions.

DanDev95

comment created time in 4 days

issue commentsaadeghi/theme-change

Typescript Support

Does this help?
https://stackoverflow.com/a/46614891

salihozdemir

comment created time in 4 days

fork saadeghi/stargazer

Your repo reached a stars milestone? Celebrate with a video of your stargazers!

fork in 4 days

push eventsaadeghi/design-systems

Pouya Saadeghi

commit sha efe841d8a260b683d906a9fca9704a7bd297e4be

Update README.md

view details

push time in 4 days

issue closedsaadeghi/daisyui

Styling divider with utility classes?

is there a utility class that allows me to style the divider? (color, thickness, etc..) ?

Or is the only way to add some css targeting the divider element?

closed time in 5 days

nino-w4u

issue commentsaadeghi/daisyui

Styling divider with utility classes?

@nino-w4u divider is using :before and :after: https://github.com/saadeghi/daisyui/blob/master/src/components/styled/divider.css
If you're using Tailwind's jit mode, you can use utility classes to style them.

nino-w4u

comment created time in 5 days

issue commentsaadeghi/daisyui

Badge inconsistency when using success, error, warning and info

@pooyaEst For version 2.0 colors, I'm trying to find the best structure to have maximum flexibility along with clean markup and efficient file size plus minimum breaking changes. So It's not just adding a few colors. I don't want to release an unthoughtful patch just to quickly fix things. Unfortunately I was super busy in the past weeks but I'll be back very soon.

colorninja

comment created time in 5 days

push eventsaadeghi/daisyui

Pouya Saadeghi

commit sha e6679c3c8c3ae39e88e59f776aa58f5131cb4df4

Update README.md

view details

push time in 5 days

issue closedsaadeghi/daisyui

Daisyui tooltips showing when hovered where the tooltip should be.

In the documentation it doesn't happen but when I copy the code from the documentation to my code when I hover where the tooltip should be the tooltip shows.

closed time in 6 days

sidney61498

issue commentsaadeghi/daisyui

Daisyui tooltips showing when hovered where the tooltip should be.

@obrunsmann Are you sure both repos are using the same version of daisyUI? This issue was fixed in version 1.12.1

sidney61498

comment created time in 6 days

push eventsaadeghi/daisyui

Priyanshu Jindal

commit sha ac4a63e8240943214dbf5df6738698f4e8735613

Fixed typo in table documentation Changed "actvie" to "active"

view details

Pouya Saadeghi

commit sha a82ae891b2fc01bb53a0e981f7c00b4cde168a35

Merge pull request #198 from prijindal/master Fixed typo in table documentation

view details

push time in 6 days

PR merged saadeghi/daisyui

Fixed typo in table documentation

Changed "actvie" to "active"

+1 -1

0 comment

1 changed file

prijindal

pr closed time in 6 days