12

Over at SEDE, there is overlapping text in the Database Schema under Close-As-Off-Topic-Reason-Types:

that makes it really hard to read. This is also happening underneath "Pending Flags", and seemingly with every long line in the schema. This would be fine if you could increase the width of the list as you can with the height, which would in theory separate the lines, but you can't. Can we fix this, please?


UPDATE:

I have found that this post is almost exactly the same as mine, but steady on with duplicate votes. This comment says that it will be fixed, but that question was asked more than five years ago, and in that time the problem has not been resolved.


UPDATE 2:

It seems that having the ability to increase the width of the schema would help. I changed a little CSS/HTML, and came up with this:

enter image description here

Although mine is a little cruder than it could be. This is just an example.

3
  • 2
    I checked but that per table fieldlist is a dl (definition list) with a dt for the fieldname and a dd for the type. I tried some css fu but using a word-break for the overflow messes up the horizontal alignment of the rest. overflow:hidden works but then there is no way that you can find out what the full name of the field is (there is no title attribute on the dt element). If anything, we first need to work out what an acceptable fix is.
    – rene
    Sep 2, 2020 at 6:22
  • 2
    @rene Probably overflow:hidden; text-overflow: ellipsis; with a title for each, I guess
    – Tim Stone
    Sep 3, 2020 at 15:09
  • 1
    @TimStone yeah, that will work. That css rule looks fine. And then we need the title attribute here. That would be a quick fix.
    – rene
    Sep 3, 2020 at 15:41

1 Answer 1

2
+50

Based on what I suggested in the comments and what was amended by Tim Stone I've gone ahead and created this pull request.

This adds CSS rules to handle the text overflow and introduces a title attribute on the <dt> element.

I consider this for now a quick-fix while we come up with a better suited solution that also works for touch devices (title only works on hover which can't be done on tablets and phones).

This is now deployed and live in rev 2020.12.13.80.

0

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .