Category "css"

remove line break from boostrap tooltip

I have a span tooltip that displays some information like: name and history. I can separate this information with a <br>, but the tooltip is performing an

How to stop a setTimeout loop?

I'm trying to build a loading indicator with a image sprite and I came up with this function function setBgPosition() { var c = 0; var numbers = [0, -12

How to move "THANK YOU" to center

and this is part of my code <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"

Compiling watch SCSS Many-to-One CSS

I'm trying to find a way to compile my multiple scss files into one css file. scripts are in package.json using node-sass The best I've found for the moment

Best practice for React. Hover or mouseEnter/mouseLeave?

I'm learning React with styled components and I have a button with a simple hover-effect. This hover-effect can be created in the styled components file with &a

Fullcalendar - Content are badly positioned When a calendar is on a tab

Reduced Test Case Just click on the second tab to display calendar in snippet. document.addEventListener('DOMContentLoaded', function() { var initialLocal

Flip box image not displaying correctly when responsive

I am using Vue (not that it matters as this is a CSS issue I'm sure). I have 3 flip boxes, taken mostly from the w3schools instructions at https://www.w3schools

Vertical carousel on scroll react

I want to have a section of the website which is fixed while to slide the carousel on scroll (vertically). Once you are at the last slide the scroll will let yo

@supports (-webkit-touch-callout: none) not working in iOS 15 Safari

I'm trying to target iOS devices with CSS. The general advice is to use: @supports (-webkit-touch-callout: none) { ... } However, this does not seem to wor

How to horizontally align three items in a navbar?

I am attempting to add the title of my website to the middle of my navbar but I haven't been able to accomplish my goal. Here's my code: <ul class="navbar-

Vaadin-Charts won´t apply all CSS styles on export/download

We have a few Vaadin charts (Pro) on our dashboard, which have been styled via CSS (font color, font size, bar colors,...). These CSS files are not on the syst

overflow-anchor doesn't work for horizontal scrolling

I would like to build an infinite horizontal scroll that scrolls in both directions - left and right. As user scrolls to the left, new content is prepended to t

Blur background of text field (tailwind or plain css)

I want a text to have a blured white background. But im actually struggling with the blur effect. Everytime i try to use filter blur, the div gets blured but my

Remove ugly white shadow from button when hovered

Whenever I hover over my button that I created, it has a white which looks ugly in the transition. I need help to remove this. The button has two different bloc

How change the size of UI Chip dynamically

In the following example, I am trying to change the size the UI chip in dynamically in order to respond to the font size of its parents using the em css unit. M

How is the margin percentage value calculated

I know the percentage value of margin based on the width of its containing block. when I assigned exact value to the margin of box, and the margin box not overf

openlayers map.updateSize when the width of the map changes

when displaying a side panel, I would like the proportion of the map to be kept inside the new div width (or height). There it is simply reduced, which affects

Binding button with keypress in Vue3.0

I am trying to trigger the button when mouse clicked it or a key is pressed and I get confused about communication between components. How should I call pressDo

How to hide next button at one page using css and not javascript in Qualtrics?

I have a requirement to remove the next button in a qulatrics survey from one page but not use javascript. As far as I know, we can remove next button using CSS

React, typescript: Wrapping text inside table <td> doesn't work

I'd like to wrap the text inside a table cell. I tried "flex-wrap", "break-inside" and similar properties, nothing has worked so far. It has already worked a fe