Category "css"

tippy.js popover is hiding behind events slots

I'm using FullCalendar and I just integrated tippyJs for popover. It is having layout issues related to what seems to be zIndex. I have attached the Screenshot

A good use for the * selector as a compound selector?

I'm working through some CSS course materials, and the instructor has given some examples of selectors... two examples that were given and caught my attention:a

html table row content overlaps the other rows just in Arabic language

I have an html file with a table and you can downloading it as a PDF. Every row breaks the line when the content is long as it's expected in every language but

Copy Pasting Data from a column to a free column, removing empty lines

I was not looking at VBA for a while, and I would really appreciate your help. Private Sub EvaluateButton_Click() Dim r As Long Dim x As Long Worksheets("tests

min, max functions in sass SassError: Internal Error: Incompatible units:

I am trying to do use the functions min and max in sass. with two values of different type, width: max(55vw, 650px); And it gives me the error SassError: Intern

Bootstrap 5 tooltip placement top issue when page has a scroll

I have an issue with tooltips in bootstrap when the placement top is forced. I use the latest version for now: 5.1.3 I have tried to create a code snipped, but

Bootstrap-Select stops display options when there's too many values

I'm using bootstrap-select to collect data from the database and display them in a list. It appears that when there are too many values, they stop loading after

Ordered list 1, 1.1, a

Current result: 1. Item 1.1 Subitem 1.2 Subitem2 1.2.1 something more 1.2.2 another point Desired result: 1. Item 1.1 Subitem 1.2 Subitem2

I am getting "'navBar' is defined but never used no-unused-vars" warning .How to solve it? (React App)

import './App.css'; import Search from './components/HomePage/SearchBar'; import navBar from './components/common/Header.js'; import footer from './components/c

Link messing up icon formatting

This website that I've been working on is giving me some problems. Whenever I give it a <a href> tag, it repositions it (the link) and changed how the tex

set arrow with tooltip of matTooltip angular material

in angular material it provide matTooltip attribute to show tooltip . i want to show arrow with tooltip pointing towards overflow text. but tooltip position is

Allows CSS Grid columns to be shorter than the Grid Gap to prevent overflow

I'm working on my grid system that allows up to 16 columns per row and each was divided with 1rem gap. There can be 4 columns in a row if each column takes 4 w

Certain DOM Manipulation doesn't work with passport js

I realised when I am not logged in on my website certain DOM elements don't work. I am using passport-local implement auth on my website. For example when I pre

my site looks fine on the developing screen but zoomed in on other screens even if they are the same size of mine?

I am developing the front-end o a website using vue.js version 2 and bootstrap-vue (bootstrap v-4.5). Its responsive and works fine on mobile but on laptops and

Flex boxs overlapping in direction column

I am trying to make a footer that displays a button on the left, and 3 social media icons on the right and a copyright text below it which I seem to have workin

How to remove white border on lazy loaded images in Safari

I'm adding some native lazy loading to images on a website using the standard loading="lazy" tag. It works fine and does the job I want, but in Safari (desktop

Swap 3 divs and make the selection div go to the center

I have three divs and I want that every single time I click on any div, it will be swapped with a second div which is meant to be at the center. I have tried li

Flask CSS Error after pressing submit button

I have a flask web that makes prediction and returns it. The index page is rendered, the model receives data and makes a prediction and shows it correctly. But

Size of divs in HTML

I want to reduce the size of these divs so that every row contain 3 cards at most. As I change the measurements in the CSS, it gets smaller and smaller. PS I'm

Modified row spacing in Bootstrap 5

I have the following markup. <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="contr