any content behind ellipses is unaccessible on touch/mobile devices #967

Open
opened 2020-09-27 16:27:34 +00:00 by gitlab-ghost-3733 · 2 comments

yes, it is generally a mobile-browser ui/ux problem,
but until it is fixed on system level,
a makeshift solution should be provided.

current behavior on ios and android

  • single tap does nothing
  • long-tap only selects hidden text

places with ellipses

  • content within profile-bio's meta-table
  • will add if find more

possible solution

[title]:hover::after,
[title]:focus::after
{ 
  content: attr(title);
  position: absolute;
  left: 0;
  bottom: calc(100% + 0.25rem);
  width: auto;
  white-space: nowrap;
  background-color: var(--bg);
  border: var(--text);
  border-radius: 0.25rem;
  box-shadow: 1pt 1pt 5pt 0 darken(var(--bg), 50%);
  padding: 0.25rem 0.5rem;
}
yes, it is generally a mobile-browser ui/ux problem, \ but until it is fixed on system level, \ a makeshift solution should be provided. #### current behavior on ios and android - single tap does nothing - long-tap only selects hidden text #### places with ellipses - content within profile-bio's meta-table - will add if find more #### possible solution ``` css [title]:hover::after, [title]:focus::after { content: attr(title); position: absolute; left: 0; bottom: calc(100% + 0.25rem); width: auto; white-space: nowrap; background-color: var(--bg); border: var(--text); border-radius: 0.25rem; box-shadow: 1pt 1pt 5pt 0 darken(var(--bg), 50%); padding: 0.25rem 0.5rem; } ```
Owner

jesus fucking christ, semicolons and commas in beginning are extra-cursed

jesus fucking christ, semicolons and commas in beginning are extra-cursed
Author
Member

comma-first and extra spaces are cursed

we prefer to call it readable and easily-scannable, as per haskell-style,
but sure, have your regular extra clutter back, edited.

> comma-first and extra spaces are cursed we prefer to call it readable and easily-scannable, as per [haskell-style](https://en.wikipedia.org/wiki/Indentation_style#Haskell_style), \ but sure, have your regular extra clutter back, edited.
Sign in to join this conversation.
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
pleroma/pleroma-fe#967
No description provided.