All Questions
25,071
questions
0
votes
0
answers
27
views
react-svg library and styles are not applied
I have used the "react-svg" library to display SVG icons because I wanted to enter the address of the icon directly, but the problem is that I cannot implement my styles on the icon, like I ...
0
votes
1
answer
35
views
Webpack raw-loader/style-loader importing CSS file as JavaScript string instead of CSS content
I am using Webpack to build my chrome extension and I am trying to import a CSS file as a string so that I can inject it into a shadow DOM. However, when I import the CSS file, it is imported as ...
0
votes
1
answer
35
views
How do I build a React app that uses different .css files for different components?
I have a primary css file that provides global styles for most of my website. However, there are 1-2 pages that will use a completely different style.
I want to be able to configure things so that ...
0
votes
0
answers
42
views
Global CSS cannot be imported from files other than Custom <App>
My React App works fine on my friends computer using global CSS, however, I've been having this issue since I opened on my VSCode.
⨯ ./styles/globals.css Global CSS cannot be imported from files other ...
0
votes
0
answers
31
views
Material UI: center checkboxes in grid regardless of checkbox label length
I have a form with code:
<Box display="flex" flexDirection="column" alignItems="center" mt={2}>
<Grid container spacing={1}>
{playlists.map((...
0
votes
0
answers
25
views
Chrome/Safari input auto zoom out while blur or deseleted [duplicate]
i have a react application, where I'm taking a input field,
on mobile device ,
there is a auto zoom feature to highlight the zoom
one way i found was to use font size :16px
input{ font-size:16px;}
my ...
-1
votes
2
answers
33
views
On a scrollable element, how do I apply CSS properties to parts of its children that were hidden before scrolling?
Image 1 :
Image 2:
I have this element on my site that is supposed to scroll horizontally(overflow-x: scroll) on smaller screens, the issue is, the properties I applied to its children only appear ...
0
votes
0
answers
45
views
CSS transition not working for backdrop-blur
My React/Tailwind app has a mobile menu popup for screens less than 768px wide which uses the Tailwind properties backdrop-blur to blur out everything behind the menu items. I have a transition-all ...
0
votes
0
answers
16
views
Style rules seem to not be applying to React components other than App.js
I am trying to setup a simple event list app. Using the default environment created using npx create-react-app, I setup my App.js to be a component that holds a <table> and its <thead>, ...
0
votes
1
answer
27
views
I'm trying to style my icons that are dynamicaly imported from another file.js on my react app im using react-icons
my icons are imported and stored on a separate file.js i imported the file.js on my .jsx file & i can see the svgs being rendered on my website i also can change the size but the color remains ...
0
votes
2
answers
58
views
Styled Components styles are not applied
I've a react popup which uses styled-component for styling. I'm rendering the react app in shadow dom. Because I didn't want any other css file to modify the popup. It is working on most sites except ...
1
vote
2
answers
57
views
Position the div at the bottom
I want to fix this div at the bottom of my webpage, here is my react code:
It's written in tailwind css but you can answer in normal css too
I've tried using bottom property but it didn't work
<div ...
0
votes
2
answers
44
views
Getting Inconsistent padding in tailwind css (on react+vite)
I am getting this type of padding /border . Click the link below to view.
[Inconsistent padding in tailwind]
Want like this
(https://i.sstatic.net/2RsqliM6.png)
I was trying to get border with ...
0
votes
1
answer
37
views
Make left column of table sticky using React Styled Components
Using styled components, I have created the following styled elements. My objective is to make the first row and column "sticky", so when the user scrolls through the table they always ...
0
votes
0
answers
56
views
I am trying to get the arrow button conditionally if the screen size is smaller or the more steps is coming in, but its not working
I am trying to get the arrow button back and forth conditionally if the screen size is smaller or the more steps is coming in, also if there is no step beyond then the arrow should not shown, but its ...