search

w3c / design

Templates, mock-ups, proposals and design-related materials at W3C
https://w3c.github.io/design/
Other
8 stars 12 forks source link

Talks system: multi-column layout a bit wonky #3

Closed koalie closed 7 years ago

koalie commented 7 years ago

The multi-column layout doesn’t work well in case the event has a long name because of the long URL, e.g. the entry for global accessibility awareness day gaad (see screenshot at bottom).

In comparison, the entry for webvr panel works slightly better.

The friend of mine who reported this suggested that instead of 

<a href="https://www.eventbrite.com/e/siteimprove-invites-you-global-accessibility-awareness-day-guest-speaker-sir-tim-berners-lee-tickets-33304300058"   
target="_self">https://www.eventbrite.com/e/siteimprove-invites-you-global-accessibility-awareness-day-guest-speaker-sir-tim-berners-lee-tickets-33304300058</a>

A possible fix could be:

<a href="https://www.eventbrite.com/e/siteimprove-invites-you-global-accessibility-awareness-day-guest-speaker-sir-tim-berners-lee-tickets-33304300058" target="_self">EventBrite</a>

But I don’t know how wordpress generates that bit and whether the in-your-face URLs can be avoided at all.

w3c-gaad-fullpage

tripu commented 7 years ago

[Edited to improve formatting of HTML chunks.]

tripu commented 7 years ago

I don't quite like the idea of not showing the URL, but there are times when long URLs are unmanageable.

I'll see if we can trim long URLs down to the domain name, and (perhaps) show the complete URL as a tooltip.

tripu commented 7 years ago

(Fixed by adding

.tribe-events-event-url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

to /wp-content/themes/w3cblog-child/style.css)