Skip to content
This repository has been archived by the owner on Nov 10, 2023. It is now read-only.

Text ellipsis for sApp description #2506

Merged
merged 1 commit into from
Jun 30, 2021
Merged

Conversation

alongoni
Copy link
Contributor

What it solves

Resolves #2478

How this PR fixes it

By adding an ellipsis to the description. We show 3 lines (max) and add a ellipsis at the end.

How to test it

  1. Go to the admin panel -> safe apps
  2. add a new app with a very long description

Screenshots

image

@alongoni alongoni self-assigned this Jun 30, 2021
@github-actions
Copy link

CLA Assistant Lite All Contributors have signed the CLA.

@alongoni alongoni added the Bug 🐛 Something isn't working label Jun 30, 2021
@github-actions
Copy link

ESLint Summary View Full Report

Annotations are provided inline on the Files Changed tab. You can also see all annotations that were generated on the annotations page.

Type Occurrences Fixable
Errors 0 0
Warnings 0 0
Ignored 0 N/A
  • Result: ✅ success
  • Annotations: 0 total

Report generated by eslint-plus-action

overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This won't work in Firefox, will it?

Copy link
Contributor Author

@alongoni alongoni Jun 30, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes! Actually it's working well in FF.
image

I've tested it in Brave, Opera, Chrome and FF.
https://drafts.csswg.org/css-overflow-3/#webkit-line-clamp

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh, awesome! Let's merge it then. Thanks, Agustin!

@github-actions
Copy link

@github-actions
Copy link

@katspaugh katspaugh merged commit 03e741e into dev Jun 30, 2021
@katspaugh katspaugh deleted the bugfix/#2478-long-sapp-description branch June 30, 2021 16:35
@github-actions github-actions bot locked and limited conversation to collaborators Jun 30, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug 🐛 Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Safe Apps] Long safe-app description is displayed out of the box
2 participants