Toolbar styling

[johannesboehler2]

Nice app!
A suggestion for styling the toolbar more like Adwaita.

A draft:

.psv-navbar {
height: 48px;
}

.psv-button {
padding: 8px;
margin: 6px;
border-radius: 8px;
}

.psv-button.psv-zoom-button:hover,
.psv-button.psv-move-button:hover,
.psv-button.psv-download-button:hover {
background-color: rgba(255, 255, 255, 0.3);
}

.psv-zoom-range.psv-button {
margin: 14px 4px;
}

[vanillajonathan]

The toolbar also have the issue that the user can right-click on it to bring up a context menu.
Perhaps the toolbar could be replaced entirely with a native GTK / Adwaita toolbar?

(Sorry for the edit, didn't ment to. I'm on mobile ATM and confused button... - dynobo)

[dynobo]

If someone wants to work on this:

• Please follow Gnome HID on overlays
• Get inspired by other apps like
  • Image Viewer (Following Gnome HID closely)
  • Clapper (personally, I prefer this style)

[dynobo]

Perhaps the toolbar could be replaced entirely with a native GTK / Adwaita toolbar?

It certainly could, but it would introduce quite some complexity, making it more effort to maintain and extend. => I think it's not worth it.

The toolbar also have the issue that the user can right-click on it to bring up a context menu.

This is a topic for an extra issue, I guess. I would hope there are other ways to disable right click or context menu, e.g. via:

• Webkit config
• Capturing the event in GTK
• JS script in client
  (From most preferred to less preferred option)

Edit: Follow up the second part in #17 please