Skip to content
This repository has been archived by the owner on Apr 4, 2022. It is now read-only.

Table: flex and word-wrap problem #151

Closed
sommer-gei opened this issue Nov 21, 2018 · 2 comments
Closed

Table: flex and word-wrap problem #151

sommer-gei opened this issue Nov 21, 2018 · 2 comments
Labels
bug Gluon help wanted

Comments

@sommer-gei
Copy link

  • Framework Version: v3.0.1
  • Flavor used: Default
  • Operating System/Browser: FF 60.3.0esr (64-Bit)
  • Code to reproduce: https://jsfiddle.net/vLjx4ubm/
  • Bug description:

I have to show long strings in a table. − Like you can see in the JSFiddle with mini.css (out-of-the-box) it’s not possible to show the whole (wrapped) strings. Also the text is going out of the column + table boundaries.
Then I fiddled a lot around and found (thought so) a simple solution. − Adding: overflow-wrap: break-word; to the table. But that seems not fully work.

Q1: How can I get a correct shown (flex/mini.css) table (incl. headings) with fully shown (and wrapped) long strings?
(Q2: Is it possible to add a second/alternate color to <code> in a striped table, for the alt. columns, please!?)

Thanks a lot for your reply in advance! − Also thanks for "mini.css"! :-)
@Chalarangelo
Copy link
Owner

Tables are a tricky beast in CSS. I'll take a look as soon as I have some free time, might come up with a solution.

@Chalarangelo
Copy link
Owner

First off, the way that you use the table is entirely semantically incorrect. overflow-wrap: break-word will actually help with most of the other normal use-cases. I'm closing and I will push a fix shortly.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
bug Gluon help wanted
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@Chalarangelo @sommer-gei