Things I have tried
- Changing
font-size: 16px; to font-size:2vw; under nav-file-title, .nav-folder-title {} selector.
- Changing
display: inline-block; to display: inline; under .nav-file-title-content, .nav-folder-title-content{} selector
What I’m trying to do
I want to get the following results-
- A responsive file navigation panel such that the file name wraps automatically as the panel size decreases.
- Font size of the file explorer increases/ decreases with increasing/ decreasing size of the navigation panel respectively.
The buttons(New note/New folder/Change sort order) in the navigation panel however are responsive and I am trying to replicate the same with folder/file names.