We recently upgraded our angular Project from 13 to 17 and also we upgraded Angular Material to 17. But after migration Materiel 17 (MDC), we are unable to reduce the form field height. Any help is is much appreciated. Angular…
I'm trying to create a two-column layout with an image on the left and text content on the right using CSS grid. Yet the image keeps overflowing. I've been trying to fix it but I've only been able by using…
So this is my code const mediaQ = window.matchMedia("(max-width:500px)") mediaQ.addEventListener("change", function(){ if(mediaQ.matches){ document.getElementById("box").style.backgroundColor = "blue" } else{ document.getElementById("box").style.backgroundColor = "red" } }) #box{ height: 20rem; width: 20rem; background-color: red; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,…
I have in css (generated by sass) variable called --secondary and it's value is red(#f00) I want to create more variables for opacity like --secondary-100, --secondary-90, ... I used color-mix in oklab, so this is the code: setTimeout(_ => {…
As you can see in the example bellow I want to compare have my article presented alongside another article to let people compare them both. But I need the dragbar to change its functionality and move above the screenshot -…
We're working on a html reader, and the content could be any html. We want to set a default font family if the font set in the content is not available. For example, <body style="font-family: A"><div style="font-family: B"></div></body> If font…
<input type="date" onChange={(e)=>setDate(e.target.value)}/> <input type="time" onChange={(e)=>setTime(e.target.value)} /> if the date is after today and time is after current time i want to show validation that "please select precious time" . I want the validation on time and date.
I am trying to make a clickable html signature in photoshop and used the slice tool to slice the parts that needs to be clickable. It displays correctly in the browser and gmail but in outlook it makes these transparent…
I have container with fixed width. Inside the container there is a div with internal text. Example: div.link element has width equals 100% of parent container, but I want, that element will has width equals maximal width of text (see…
I'm using React with Tailwind I'm trying to center the modal in the screen in which the height of the body is more than that of viewport and I need the modal to be fixed at the center of the…