-
Notifications
You must be signed in to change notification settings - Fork 48
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(APP-3261): Truncate long link descriptions dashboard #1364
Conversation
f356db4
to
d33caca
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks @Barukimang! Left an alternative idea for your fix. Let me know what you think. 🫴🦋
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM :O)
@@ -202,45 +202,47 @@ export const HeaderDao: React.FC<HeaderDaoProps> = ({ | |||
<DetailsText>{daoType}</DetailsText> | |||
</NetworkDetails> | |||
</NetworkDetailsContainer> | |||
<ActionWrapper> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@Barukimang The links should still be placed on the right side of the page, right?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Since these style changes introduced a new issue and this 🐛 was a tiny edge case to start with, closing this PR and submitting a new PR with the initial fix.
Description
Dashboard UI fix, bringing default displayed shown back from 3 to 2, see BEFORE and AFTER in the images below:
BEFORE
![image](https://private-user-images.githubusercontent.com/16764792/337227358-70476e53-6d89-4f0d-9456-c1c6fcde96e4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MjEzMzAsIm5iZiI6MTczOTQyMTAzMCwicGF0aCI6Ii8xNjc2NDc5Mi8zMzcyMjczNTgtNzA0NzZlNTMtNmQ4OS00ZjBkLTk0NTYtYzFjNmZjZGU5NmU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDA0MzAzMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYxYmU3NjI0OTk2NzM2YWEwZjRhNDNhZTUxZWYyNjAyNjY0YjNiODVlNDQ3NWRlNzE4YzgxNjU1ZDFkZjYwYmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.FMT24732qoYh_kFsWWKuMg-pCS5-CBTBmymAbI01n_c)
AFTER
![image](https://private-user-images.githubusercontent.com/16764792/337227105-f6a54532-2dee-4f38-88a3-fde3546e41a0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0MjEzMzAsIm5iZiI6MTczOTQyMTAzMCwicGF0aCI6Ii8xNjc2NDc5Mi8zMzcyMjcxMDUtZjZhNTQ1MzItMmRlZS00ZjM4LTg4YTMtZmRlMzU0NmU0MWEwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEzVDA0MzAzMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc5MzE3MDY0NTEwZjc2ZGRhZTAzMWU1YzJjZDA4N2YwOWRhZTM2MzczMzIxMzEwZTQ2YTQ4MTY1NTVlZmNhZTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.GETwQ-L8MTTbkaxc4GgR9qd_4pRcEm6vMHoGCKKWYww)
Task: APP-3261
Type of change
Checklist: