I have found everything related to angular material theming, however, it's not the case. After Angular 16 upgrade to Angular 17 I cannot import some styles from a specific node_module. HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Can't find stylesheet to…
I have a customized date picker (for the context its height is 1050px). I want to display it in a popup within dropdown content. This is my popup component. <div className={styles.popupWrapper} > <div className={styles.popup}> {popupContent comes here} </div> </div> I…
Im having trouble having a svg overlay take up 100% width, but modifying the height so it aligns where i need it to so the curve is visible over the video see screenshot. What is the best way to overlay…
I'm working on a React application, using Tailwind for styling. This issue happens when I've been developing for a while. For example, I add a container with hover:bg-red-900, and it works at first, but for some reason, that specific style…
I have a html table with a sticky header. I need to fix it because in Chrome the top of column values can be seen above the header: Top of table header <div style="max-height: 700px; overflow-y: auto;"> <table class="table table-sm…
I'm trying to grey the border elements smoothly with css smoothing and it does nothing and the elements are 1 pixel thick code: function greyBorder() { var elms elms = Array.from(document.getQuerySelectorAll(".border")) for (var i = 0; elms[i]; i++) { elms[i].style.backgroundColor…
I have simple example that applies style when div height is less than 400px. <html> <head> <style> .card-container { container-type: size; container-name: sidebar; } .card-container { background: #ffe4e8; width: 200px; height: 100px; } @container sidebar (max-height: 400px) { .card-container div:first-child…
HTML <div class="buttonFrame"><div class="btn"></div></div> CSS .buttonFrame { position: relative; width: 55px; height: 20px; border-radius: 12px; border: 2px solid black; overflow: hidden; top: 30%; left: 45%; z-index: 100px; } .btn { border-radius: 12px; width: 0%; height: 0%; background: linear-gradient( 90deg, rgba(2,…
Basically I'm doing my first ever internet portfolio. I'm using hostinger and wordpress.com. I wanted to create my own theme, so I create a folder in wpcontet/themes named mytheme and put in my style.css and index.css and it was working…
where the error is occurred? this is my end points: theme: { screens: { 'mobile-sm': '320px', 'mobile-md': '481px', 'tablet': '769px', 'desktop-sm': '1025px', 'desktop-md': '1201px' }, I need to apply style as, flex-col in the mobile view and flex-row in desktop…