Skip to content

Create a "compact" theme

Duggan, John requested to merge 24-create-a-compact-theme into main

Summary of Changes

This theme reduces the global font size and sets all components that support a density property to compact. I think this should be a "good enough" starting point for NeuXtalViz, though I imagine we'll make modifications from what we learn while implementing it.

Checklist

  • The MR has a clear and concise title
  • Code is self-documented and follows style guidelines.
  • Automated tests are written and pass successfully.
  • Regression tests (e.g. manually triggered system tests, manual GUI/tool tests, ...) are performed to make sure the MR does not break anything (when applicable)
  • Readme file is present and up-to-date.

Documentation Updates

The docs were already updated for this change. I meant to mark that change with a Future label, but forgot to do so, so no changes on the documentation should be required for this. 😞

Additional Notes

I believe I've found a bug in Vuetify while working on this. If an icon button is inside of an input field with density=compact, which is the case for our RemoteFileInput component, then the button resizes itself properly, but the icon inside of the button does not. I had to change size=x-small to size=small for that button to avoid the rendering issue.

Closes #24 (closed)

Merge request reports