search

onOffice-Web-Org / oo-wp-plugin

onOffice for WP-Websites
https://wp-plugin.onoffice.com
GNU General Public License v3.0
9 stars 9 forks source link

Plugin Backend Design Adjustments #581

Closed fredericalpers closed 9 months ago

fredericalpers commented 1 year ago

Current state

Currently the input fields, dropdowns and info messages are all over the place.

Desired state

The inputs, dropdowns and info messages should be consistent in width and design. Please try to get rid of floats and use flexbox or grid. Add a appropriate padding. See the following screenshots.

plugin-backend-adjustments plugin-backend-adjustments-2 plugin-backend-adjustments-2-1

dai-eastgate commented 1 year ago

@fredericalpers Could you kindly specify which "message info" you are referring to? Thanks!

dai-eastgate commented 1 year ago

@fredericalpers: This is an example of a CSS block I have modified. Please review the image below and confirm. If approved, I will apply the same modifications to other blocks. image

fredericalpers commented 1 year ago

@dai-eastgate sorry for the late reply. yes this is the modifications I was hoping for! thank you :) see the image attached below for more information. Please go ahead and make sure that all info messages / hints are the same style. Preferably left aligned and having a margin (e.g. margin-bottom: 1.5rem) to the next item following below, so we can assure that by following the law of proximity the correct "objects" will be grouped together.

info-messages

dai-eastgate commented 12 months ago

@fredericalpers I have modified CSS in Backend. Please watch my demo video and let me know your opinion. Thanks!

https://github.com/onOffice-Web-Org/oo-wp-plugin/assets/106214469/187dafd4-d609-448e-90f0-ec98a07a311b

fredericalpers commented 12 months ago

@dai-eastgate looks much better, thank you! :)