Ruby on Rails Community Forum
Tailwind Checked Radio Buttons = Change Background
1
CSS
I've been able to use Tailwind to change my radio buttons into normal buttons.
changing the background on 'hover' works, same with 'active' (on click) but there's no setting for 'checked'. Has any...
Tim Dowling replied
Solved
Create (or not) a BaseComponent to work with TailwindCSS and ViewComponent?
2
Rails
Hi all,
this is my first post and I am working with Ruby and Ruby on Rails for about a month. I have years of experience as a web developer but my focus was more on the Frontend part, if you don't ...
ViewComponents and Tailwind CSS JIT
1
CSS
I created a flash view component to display flash messages.
It does work, but the javascript trigger its display does not work as expected. Instead of displaying on the spot, it waits for like 5 s...
Stéphane Paquet replied
Solved
Webpack and Purge CSS
0
Javascript
Hi All,
I am trying to purge my css as I am using tailwind as outlined in the video Chris did. I'm getting an error.
**postcss.config.js**
let environment = {
plugins: [
require('tailwindcs...
Stephen Sizer posted
error with purgecss and Tailwind 2
3
Javascript
Hey there, I am facing the following problem. In production, purgecss is preventing all all css from `@tailwindcss/forms` from being rendered properly. When I comment out purgecss everything is wor...
Chris Oliver replied
How to install TailwindCSS 1.0 with Rails 6 Discussion
15
General
Hey Chirs!
Great video, only question I have about using tailwind with rails 6 is the theme config.
in the docs it says to place:
```
module.exports = {
theme: {
container: {
cente...
Alex Ventura replied
Considering jumpstart pro for a react native backend, is this a good idea?
1
General
Hey guys, I was just wondering if anyone had any advice on whether jumpstart pro would be a good place to start for me?
I want to create an API for my react native expo app. Does jumpstart pro mak...
William Kennedy replied
Navbar with Vue.js and webpacker - Flickering at page load 😒
1
Javascript
I have a classic RoR - Webpacker app.
On top of Webpacker, we have implemented Vue as our frontend framework and Tailwind as our css framework 👌
Everything is functioning fine. Yet I am not quite ...
Thomas Sohet replied
Solved
Searching and partial keyword matches
1
Site Feedback
Hi Chris,
I was searching for the Tailwind + Rails 6 video today, but searching for "Tailwind" did not return it:
https://gorails.com/search?q=tailwind
I eventually did find the episode here:
htt...
Chris Oliver replied
Iterating using css grid
13
CSS
Hi Chris - I am using CSS grid for a three-column blog layout. Unfortunately, when I run the do bock it creates three instances of the same post. I guess this is to be expected.
Not sure how to ge...
Brian Gilbank replied
Solved
How do I have a Vue.js navbar stay on the page between page navigations?
0
Gems / Libraries
I built a lovely Navbar in Tailwind CSS in my rails app following a tutorial by Adam Wathan which uses Vue.js for the javascript behavior on dropdowns.
I added Vue.js the way Chris suggests here,...
James Devereux posted
Tabs with Stimulus
7
Javascript
Hi Chris - I've been following your guide on adding tabs with Stimulus here: https://github.com/excid3/tailwindcss-stimulus-components
I am not using Tailwind but everything is working. However, w...
Chuck replied
Solved
Tailwind - own components - yes or no?
4
CSS
i have started with tailwindcss yesterday the first time and must say - wow!
but something is confusing me from the beginning. in tutorials/videos etc. everybody talk about: do not write your own ...
Bruno Steinmann replied
Solved
How to display checkbox and string fields like this image in a form?
5
Rails
I have a `spectrum` boolean column and a `spectrum_color` string column and I'd like to display the options to user as shown in this image. I'm using Tailwind CSS and the Jumpstart Pro Rails templa...
Daniel Weaver replied
Solved
Should I rewrite my app?
3
Rails
Before you shout "NO!!" hear me out. I think this may be one of the those cases where a rewrite is reasonable.
Our current application:
* is 6 years old
* is currently on Rails 3.2.14 and Ruby 2.0...
Daniel Weaver replied
Page blinking when using tailwindcss
1
CSS
Hello guys,
I am trying to use tailwindcss on a 5.2 ruby on rails application with webpack. Everything is set up and works well according to the video [How to use Tailwind CSS with Rails](https://...
edouard replied
Solved
How Do I make my website faster (according to Google and Pingdom)
0
General
Hey there Gang, I ran my website via Pingdom Speed Checker Tools (https://tools.pingdom.com/#!/eFyjYP/flagupmail.com) and have found it difficult to fix three things slowing my site down:I am ...
abebraham posted
How to update TailwindsCSS?
1
CSS
Hi, ladies and gents, I want to know what is the recommended method of updating tailwinds CSS? Currently running 0.4.1 and want to update to 0.5.1 to be able to use ':active' variant.&nbs...
Chris Oliver replied
Using Webpacker and Rails on AWS Elastic Beanstalk
10
General
Can anyone point me in the direction of documentation/tutorial for using Webpacker with Rails on Elastic Beanstalk? I have been playing with Tailwind CSS (which is great btw), and I'm getting a ver...
Simon Cooper replied
Solved
Using webpacker in Rails Engines?
6
Rails
I'm making a pluggable CMS engine and want to keep the JS/CSS (preferably by writing Tailwind components) in the engine. It works great with models, controllers, routes and the asset pipeline, but ...
Angel Garcia replied