How to make a sidebar with the possibility of partial hiding?

Question

JavaScript

I'm writing a website in react. I use https://react.semantic-ui.com for ui .
How to make a sidebar that, when clicked, decreases in length to the length of the icons in the menu items?
For example, as in nethouse:

Answer 1

Take the bar width calc(100% - bar width), and calculate the desired nav width