question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Update the styling information on the website

See original GitHub issue

I have worked with noUiSlider in the past before, and now I wanted to use it for another project and I’ve realized, the styling works differently and that for example the noUi-background class was gone.

I looked into the release note and found this

  • Removed: .noUi-stacking class. Handles now stack themselves;
  • Removed: .noUi-handle-lower and .noUi-handle-upper classes;
  • Removed: .noUi-background. This is now default;
  • Removed: connect: ‘lower’ and connect: ‘upper’. These settings are replaced by connect: [true, false];

But the website still mentions those classes

nouislider_screen

This should probably be updated to match the new way of styling noUiSlider (I ended up changing the background through .noUi-ltr.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
leongersencommented, Feb 2, 2017

.noUi-target is now the base element for the slider, and has the background. I didn’t want to add .noUi-background to .noUi-target to prevent hard to debug changes when migrating from a previous version.

1reaction
leongersencommented, Feb 1, 2017

I’ve updated the documentation.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using dynamic styling information - Web APIs | MDN
To change a particular element's style, you can adapt the following example for the element(s) you want to style. The getComputedStyle() method ...
Read more >
Style Sheets in HTML documents - W3C
This offers several benefits: Authors and Web site managers may share style sheets across a number of documents (and sites). Authors may change...
Read more >
Making style changes - Squarespace Help Center
To make style changes: Tap any page of your site, then tap Edit or the pencil icon. Tap the paintbrush icon to open...
Read more >
How to Add Style Sheets to HTML Pages - Tutorial Republic
There are various methods for adding style information to an HTML element such as inline styles using style attribute, embedded styles using style...
Read more >
How Do I Force the Browser to Update the CSS?
The browser will view a file name of style.css as different from a file name of style.css?v=1.1 , so it will generally force...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found