Skip to Main Content
InterSystems Ideas
We love hearing from our users. Tell us what you want to see next and upvote ideas from the community.
* Bugs and troubleshooting should as usual go through InterSystems support.
Status Needs review
Categories Documentation
Created by Heloisa Paiva
Created on Oct 10, 2023

Change the style of the tables in the official documentation

Describing the tables in the docs, two main points make it difficult to see to which row a sentence belongs:

  • The colors that distinguish each line have low contrast (#FFFFFF and #F8F9F9);

  • The texts are centralized in the y-axis (and thus, rows don't necessarily begin in the same line).

This could be solved by changing the color of the odd rows to one with a higher contrast with #FFF, adding a line between rows, or aligning the text to the top of the cell.

The attached pictures illustrate the problem, and some suggestions to make the content more comfortable to read. From right to the left, is the original table from the documentation and the examples:

  1. Change the color of the odd rows to #EFF0F1 (the same color as the navigation menu on the left, so it's still in the palette);

  2. Add border-top: solid 1px #D4D4D4 to the odd rows. This is precisely the same vertical border used to separate columns;

  3. Add vertical-align: top; to the tbody element.

    Oct 11, 2023

    Thank you for submitting the idea. The status has been changed to "Needs review".

    Stay tuned!