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.

Properties: width, width@hover

See original GitHub issue

Hi, what do you think about adding these props:

data-simplebar-v-width - sets width of the vertical thumb data-simplebar-v-width-on-hover - sets width of the vertical thumb on hover data-simplebar-h-width - sets width of the horizontal thumb data-simplebar-h-width-on-hover - sets width of the horizontal thumb on hover

<div 
  data-simplebar-v-width="5px"
  data-simplebar-v-width-on-hover="10px"
/>

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
alexhx5commented, Aug 31, 2019

This behavior can be achieved in the following way, so the issue is resolved:

.simplebar-track.simplebar-vertical { 
  width: 5px !important; 
}
.simplebar-track.simplebar-vertical.simplebar-hover { 
   width: 10px !important; 
   margin-right: 0px;
}
1reaction
anderskcommented, Aug 31, 2019

Try .simplebar-track.simplebar-vertical.simplebar-hover.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How hovering over a division element to gradually change the ...
You can use transition property in CSS to make some transition effect as changing the width of an element. The transition effect can...
Read more >
Trying to change width on hover using css - Stack Overflow
You try to change the width of an inline element a . To do this you need to add display: inline-block; to it....
Read more >
hover - CSS: Cascading Style Sheets - MDN Web Docs
The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it.
Read more >
width | CSS-Tricks
The width property in CSS specifies the width of the element's content area. ... hover to animate width using CSS Transitions.
Read more >
CSS transition-property Property - W3Schools
Hover over a <div> element, and change the width with a smooth transition effect ... The transition-property property specifies the name of the...
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