View Issue Details
|ID||Project||Category||View Status||Date Submitted||Last Update|
|0028826||mantisbt||ui||public||2021-06-18 11:35||2023-10-31 16:32|
|Target Version||2.26.0||Fixed in Version||2.26.0|
|Summary||0028826: Removing vertical lines in tabular presentation to reduce clutter|
Mantis' UI uses tabular presentation all over using vertical/horizontal lines to separate cells in forms and lists. This is eye-distracting, makes the UI bumpy, and it gives the UI an archaic style. IMHO, a simple change could already improve this quite nicely: remove the vertical gray lines between cells in forms, lists, and tables almost everywhere. To illustrate this, I've attached screenshots of two major parts of the UI where I have tweaked this. I don't know the underlying CSS, but I think this changed wouldn't incur too much work to be done.
What do you think?
|Tags||No tags attached.|
Your proposal looks OK to me, indeed reducing clutter on the display.
That said, I'm a bit reluctant to mess with the ACE theme's CSS. Maybe @syncguru will care to comment.
Would you be willing to submit a pull request ?
I don't mind removing the vertical line - it appears cleaner and less cluttered.
Not necessarily. Assuming ACE theme style(s) do not make heavy use of
I can have a look at it. I would appreciate some info on where style sheets are loaded in the source files, whether there exists already a dedicated file in which you are making individual overwrites, and if not, if you agree if the pull request would introduce such a new CSS file.
Unfortunately, I'm afraid it actually does...
Look at html_css() function in core/html_api.php and layout_head_css() in core/layout_api.php.
This turned out to be simple, see pull request https://github.com/mantisbt/mantisbt/pull/1760
Thanks for the PR, will test/review as time allows.
MantisBT: master 20e45c85
|Remove vertical lines for bordered tables
The tabular presentation used widely in the UI should be changed to be
more pleasing to the eye. Set left and right border with to 0 pixels
for all kind of cells in `table-bordered` class.
|mod - css/ace-mantis.css||Diff File|