Category "css"

Using Bootstrap Icons in Rails 6 with Webpacker

I wanted to use Bootstrap icons in beta "Official open source SVG icon library for Bootstrap." https://icons.getbootstrap.com/. This is for Bootstrap 4 in Rails

bootstrap 5 dropdown-menu navbar streches strangly when hover on dropdown-ul-items

My bootstrap dropdown Navbar menu acts strangely on small screens. As shown n the images below, hovering above dropdown menus pushes the other UL section below

Pie chart breaks if one slice is bigger than half the pie

I wrote some JavaScript code to generate Pie Charts for me, but when one Slice is bigger than half, the whole thing breaks. Using clip to make half-circles, it

Change height of navbar button and change it from (:selected) to (:hover)

My navbar functions in a :selected way, which means the dropdown menu only shows when the button is selected. I would like to change it to hover instead, but wh

How to assigning multiple properties at a time in SASS, then individual ones?

In SASS for CSS, I'm trying find a way to save redundancy in the code. .language #russian width: 97px

How to set a particles background on nextjs?

I would like to set a particles background only on one page of my web application. I used the following code: import styles from "../styles/Page.module.css"; im

Disable/ Enable for Next and Back button in PrimeFaces Wizard

I am new to JSF Primefaces I am using Primeface wizard, where I need to disable/ enable the Next/ Back button in the wizard using java. I have tried with below

How to make Bootstrap5 Columns all a similar height?

I'm using Bootstrap5. However, I'd just like to make a similar height of these two columns. How can I do that? Here's the Code: <link href="https://cdn.jsdel

SCSS data-theme="dark" variables doesnt load

im currently working on a dark mode for my site and the JS is working fine, it adds the data-theme="dark" parameter to the html tag and stores it in the local s

Why isn't this centering the div in the middle of body? [duplicate]

<style> .maincont { width: 8em; height: 8em; background: purple; } body { background: limegreen; display: fle

Is there a simple way I could create an effect when my mouse touches a div in HTML, css or javascript?

I am trying to reproduce this effect, whenever the mouse touches a div, the div get surrounded by some sort of container like this Please any idea how I could

Why is the default font weight 400?

So, when working with fonts : the default (aka "Regular") font weight is 400 the "bold" font weight is 700 the "light" font weight is 300 But... why ? 400 what

PyQt QtreeView scrollbar overlapping header

I've been trying to use QTreeView (instead of QListView) because I needed an horizontal header. Furthermore, I wanted to use stylesheet to customize header colo

How to reset jquery/javascript filter

I have a list of div items which I am filtering/sorting via JS. Each item animates in to place - in this case, scales up to its final size. When I filter the it

ASP.NET MVC 5 Cache CSS and JS Files

I am using ASP.NET MVC 5. My goal is to cache CSS and JS files for at least 24 hours. I tried this code with no luck: https://docs.microsoft.com/en-us/iis/con

How can i change sidebar position in mobile view at Wordpress theme?

I have issue with right side bar. I need to move it above the post area in mobile view. Something like this https://ibb.co/rk9yzJ7 Is it easy to set it or I mus

Why scrollbar is behind sticky elements in iOS Safari?

When using position: sticky; in a container with overflow-y: auto;, the container's scrollbar is rendered behind the sticky elements. In the following screensh

Logitech MX Master X CSS page overflow

In our team everybody uses the Logitech MX Master 1-3. There is a browser bug that allows you to scroll out of the page container indefinitely. See attached scr

Cubic bezier function for finding progress given time and two control points

I am trying to find a JS algorithm to find the ypos of a cubic bezier given the xpos. the first and last control points will be (0,0) and (1,1) and it should th

How can i make responsive HTML Table with 90% width of screen

Hello i have issue with table ive created table and at 1920*1080 24" monitor it looks very good. Issue is if user has smaller monitor like notebook, table, phon