Skip to content

Allow application width configuration

iamtakingiteasy requested to merge iamtakingiteasy/pleroma-fe:allow-application-width-configuration into develop

This MR adds new theme configuration tab allowing to redefine UI component sizes.

Currently there is only one ranged setting to configure application size itself, allowing for example to set maximum size to 100% and thus utilize whole screen space.

New components added:

  • SizeInput -- an input box with numeric value, CSS unit selector and optional label
  • SizeControl -- a group of either two SizeInput's or one SizeInput, depending on range property being true.

New theme config section:

  • sizes -- containing entries either in form of {"someprop": {"min": "10rem", "max": "25rem"}} or {"someprop": {"size": "10px"}} that are translated to css variables --somepropMin: 10rem; --somepropMax: 25rem or --somepropSize: 10px
Edited by iamtakingiteasy

Merge request reports