I'm using switch component from MUI, I want to toggle the styling between two colors <Switch color={dataType === "expenses" ? "error" : "secondary"} onChange={handleOnSwitch} checked={dataType === "expenses"} /> The problem is the color is applied only when the condition is…
I tried to properly center the text contained in a with no success. The text on the is already sort of centered but everytime I add new text via it appears rigid, getting closer to the bottom margin. I would…
in the following src block example: #+begin_src python -r -n :results output :exports both print("Hello") print("I need line number for these code") print("But I don't need line number when I copy code") #+end_src the corresponding exported html result looks like:…
I need to wrap the border around the text so it fits and center the text at the same time. I found a temporary solution in using display: inline; makes the border fit the text but when I try to…
I try to build a website with a color picker. For that, I would like to use some sort of semicircle with which you can choose the hue and a triangle with which you can choose the saturation and lightness.…
I'm learing tables on html right now and I'm working on a periodic table for my first school project. I'm having trouble formatting the text. I expect the atomic number and mass to be on the same line, but the…
.grid-container { background-color: yellow; } .grid-container:has(.someClass1) { background-color: red; } .grid-container:has(.someClass2) { background-color: green; } /* NEEDS TO VARY BETWEEN CONDITIONS: default -> border: 5px solid grey; .grid-container:has(.someClass1) -> border: 5px solid black; .grid-container:has(.someClass2) -> border: 5px solid blue; */…
I'm trying to do exactly the same as this post but with the implementation on a MUI Grid container/item. The result though is that I don't have a scrollbar and I can't scroll. Is there something wrong with my implementation?…
I created a small reproduction of my code with which i have an issue. I wanted to create a functionality of small square element (.box) sliding to the center of selected answer. Currently its sliding wrong as its going completely…
I'm animating a slide-in header. After a certain HTML element scrolls to the top of the page, a header is supposed to slide in. When the element is scrolled back away from the top of the page, it is supposed…