Category "css"

TypeScript seems to be seeing a variable as 'any' even though it's defined

I have the following component: import React from 'react'; import classNames from 'classnames'; import styles from './styles.module.scss'; const cx = classNam

How to properly overflow a dropdown in tailwind?

I am trying to make the dropdown on the right overflow so that it is completely visible. I do not want to make the table bigger, I want the dropdown to be bigge

How to add SCSS styles to a React project?

I'm just starting to learn React (have some JavaScript knowledge, as I'm learning tis as well) and building my first project. I would like to know how to add st

The `/deep/` selector is not working using sass-loader in my VueJS application

In my Vue 2.6.10 webpack application I am trying to add SASS as our team wants to migrate our legacy application from LESS to SCSS. In my package.json I have in

Dynamically adding label to HTML form javascript

Hey guys so I was given this practical question in my university and I need some help trying to figure out somethings. So this is the question given: Display t

How to change swipe direction in swiper.js?

I'm struggling with changing swipe direction when I rotate my swiper on 90deg. So in the beginning by default it has horizontal direction. When clicking on sli

How to dynamically change font size in UI to always be the same width in JavaFX?

What I am trying to do is create a label in fxml, using Scenebuilder, which updates its font size to always ensure that the content of the label is the same siz

How to draw error icon with css only,exactly like in the image

Im trying to do the following x icon, exactly the way it is in here: So here is the html: <div class='error-circle'> <div>X</div> <

Could you add two links in a <link href=""> tag in a single html page?

I wish to put an href that links to a CSS file and a website. How can i connect these two links into a working tag <link href="https://fonts.googleapis.com

reactjs creating part of the table scrollable

To make part of the table scrollable I'm using a div inside of the table but getting the warning: Warning: validateDOMNesting(...): <div> cannot appe

How to style the Android status bar on Nativescript?

The problem I'm having (and for which I haven't been able to find a solution) is how to style the status bar in NativeScript. I tried to use this but when I put

Remove blue outline on links when clicking, but keep the outline for TAB selection (accessibility)

I have a Burger Menu Button which is selectable via TAB. When I click on it and the menu opens up the burger has this blue outline to make it clear that it is f

Why a specific div in the header is overlaping the page in PDFs in Odoo 13?

I am making a customized PDF report in Odoo 13 Enterprise. I have to add a vertical text in the left margin of each page of the report. So I need to put that ve

Tailwind CSS - how to make a grid with two columns where the 1st column has 20% of the width and 2nd one 80% width?

From the official documentation, I am only able to come up with something like this: <div class="grid grid-cols-2 gap-3"> <div>1st col</div>

Flexbox child not reading height/width of parent

I was experimenting with flexbox and created this layout. I'm trying to get the middle white box that says "hey" to be 90% width/height of the parent but percen

Blur video background

I have to add blur effect with a smooth transition to bottom part of video background. I mean I don't need a sharp transition like this <https://codepen.io/s

material-ui icon button highlights with an elliptical background when cursor is hovered over it

IconButton in @material-ui/core/IconButton is showing a weird elliptical background when I hover the cursor over it. I thought it is a mistake by me, so I j

Flexbox child not reading height/width of parent

I was experimenting with flexbox and created this layout. I'm trying to get the middle white box that says "hey" to be 90% width/height of the parent but percen

I accidentally designed my webpages on zoom value of 80% on Chrome. How do I modify my CSS to adjust to 100% zoom?

As you can see below, this is how it looked while I was designing the page 80% : After finding out that I was on 80% all along, I had completed 90% of my CSS

input / button elements not shrinking in a flex container

When using input and button elements inside a flex container, the flex and/or flex-grow properties don't seem to do anything. Code that demonstrates my issue.