fengyuanchen / viewerjs

JavaScript image viewer.
https://fengyuanchen.github.io/viewerjs/
MIT License
7.84k stars 1.24k forks source link

An option to make the navbar's thumbnails bigger #353

Open ataylor32 opened 4 years ago

ataylor32 commented 4 years ago

From what I've seen in the docs, there doesn't seem to be a way to make the navbar's thumbnails bigger. I'm working on a website that has many users who don't have great vision. It would be nice to double the size of the thumbnails. Is this doable?

fengyuanchen commented 4 years ago

You can override the navbar's style to enlarge the thumbnails.

simplenotezy commented 4 years ago

I'd like this as well!

It's seem rather complicated to override the navbar's style, as there is a fixed width/height on 3-4-5 elements. And style is applied inline instead of in the css file.

martinschilliger commented 3 years ago

Just add for example 4x bigger values than default:

.viewer-list {
  height: 200px;
}
.viewer-list > li {
  height: 200px;
  width: 120px;
}