All Questions
2,284
questions
0
votes
0
answers
10
views
migrating node-sass to dart sass in react app and getting compilation error from react-dates package (da)
I am trying to migrate from node-sass to dart sass. I am also using react-dates package and including datePicker css file.
color: darken(#cacccd,10%); function is being used in datePicker and I am ...
0
votes
0
answers
30
views
CSS animations just stopped working on React
My css animations just stopped working and i have no idea why, this is a react project i'm working on to learn more about the framework, if someone knows why this happens it would help a lot, thanks.
...
0
votes
1
answer
28
views
Is there any way that I export my styles from a package I write to use in my other projects?
I have a package made up by ReactJs, rollup. I used TS in my structure and use .module.scss files to add styles to my components.
but when I build the package in /dist directory, it doesn't have any ...
0
votes
0
answers
13
views
How to apply style to nested custom Mui-classes in a separate .module.scss file (using react.js)
What is currently possible:
Giving style to whole Mui component
<SimpleTreeView
sx={{
backgroundColor: '#000000'
}}
</SimpleTreeView>
Segregate styling to a separate class in .module....
- 33
-1
votes
2
answers
31
views
Icons in React not centered vertically
I have this simple template:
<div className="wrapper">
<div className="block one">
<GoSearch />
15
</div>
<div ...
- 3,979
0
votes
1
answer
18
views
Nav Bar Not Showing
Navbar.js
import React from 'react';
import { Link } from 'react-router-dom';
import './navbar.scss';
import Logo from '../../image/Logo.png';
import Admin from '../../image/eye.png';
export default ...
0
votes
2
answers
61
views
react-datepicker anchorDirection="bottom" not working [closed]
I am using react-datepicker to display a time picker component but I want the time list to be displayed in the bottom of input component but it's currently showing on top of the input field.
code :
&...
- 1
0
votes
0
answers
27
views
When i try to compile code by running npm run dev i am receiving error 1 ERROR in child compilations
Receiving below error when trying to run "npm run dev" for compiling
1 WARNING in child compilations(Use 'stats.children: true' resp. '--stats-children' for more details)
ERROR in ./scss/...
- 11
0
votes
1
answer
38
views
Is it possible to remove elements out of a div using order
Hi all,
I'm trying to create this mockup using ReactJS and I can't seem to make my code work. Notice how the profile pic is beside the search bar on mobile but it's beside the button on tablet and ...
- 19
0
votes
0
answers
68
views
Cannot get Bulma color overrides to work after Bulma upgrade to 1.0.1
I have a create-react-app in which I am trying to upgrade bulma from version 0.9.4 to 1.0.1. So far, everything seems to have worked, with exception of the new dart method of overriding the colors.
I ...
- 1,449
-1
votes
1
answer
36
views
React / sass overflow attribute is not working on navbar
Here is the revised post for Stack Overflow with the formatting and code adjusted:
Title: Navbar Sliding Off-Screen Increases Left Margin Despite overflow: hidden
I'm trying to make my navbar slide ...
0
votes
0
answers
39
views
The styles are not displaying after the build in React with MUI
I've built my React project, but the styles are not displaying. None of my styles are showing up, only MUI components, their styles, and plain HTML. More precisely, the styles appear only if I go into ...
0
votes
0
answers
23
views
Storybook + scss modules not compiling in react component library
I am trying to make a react component library and Im using storybook for visualising the components.
They load fine until when I use module.scss files to scope the styling to their projects. This is ...
- 491
0
votes
0
answers
64
views
Why does my MUI Data Grid Table go off screen?
I am creating an admin dashboard that uses MUI DataGrid table component. I have no clue why the table goes off screen when I think the width should only extend the 100% of the viewport width and ...
- 1
0
votes
1
answer
19
views
How to solve SCSS problem with top content (text) overflow?
I have included some text in the chunk-pin, and the top of the text is overflown. Below is my SCSS style sheet:
.chunk-page {
background-color: #EEEEEE;
width: 100vw;
display: flex;
...
