Re: [PATCH v1 0/1] Add tailwind configuration

[Muhammad Rizki <kiizuha@gnuweeb.org>]

On 26/09/2023 19.15, Ammar Faizi wrote:
> On Tue, Sep 26, 2023 at 07:00:26PM +0700, Muhammad Rizki wrote:
>> Hai, this is just a small patch for tailwind config:
>> - Add JS and CSS to the `tailwind.config.js` on content detection.
> 
> I don't understand what the problem is. Please explain what goes wrong.
> Also, add a "Fixes" tag in the patch, mention the offending commit.

It seems Tailwind does not detect class name properly inside inline 
JavaScript that contains like `element.classList.add(..., 
getColor({first_name}))`, in dev environment, it is working properly in 
my device that user profile name and border color are not white colors.
Maybe Irvan knows how to fix it?

> 
>> Please test it first on your device and look for reply UI border color
>> and user profile name text color, if it's not white then it works,
>> thanks!
> 
> Therefore, it doesn't work. After applying your patch and running "npm
> run build" plus clear cache, I see white and blue on two different
> messages.
> 
> This is white:
> 
>    https://gist.githubusercontent.com/ammarfaizi2/7ba8aa2f542d260ed6863930b3b1b9d4/raw/a53751c4c0eda0455a2b66e8000e520fe8cfd9e1/Screenshot%2520from%25202023-09-26%252019-06-28.png
> 
> This is blue:
> 
>    https://gist.githubusercontent.com/ammarfaizi2/7ba8aa2f542d260ed6863930b3b1b9d4/raw/a53751c4c0eda0455a2b66e8000e520fe8cfd9e1/Screenshot%2520from%25202023-09-26%252019-06-09.png
> 

That's weird, I tried the similar commands on Windows:
   - npm run build:css
   - Get-Content .\index.html | ForEach-Object { $_ -replace 'dist', '.' 
} | Set-Content .\dist\index.html
   - robocopy static dist\static
   - npm run build:minify

Then open the dist index.html file in the browser and it's working properly.

https://i.ibb.co/GdqLj9y/image.png