m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

[FLASK] Fix overflowing notification content (#18881)

Browse Source 
* Fix overflowing notification content

* Wrap overflow

* Fix lint & remove unnecessary width

---------

Co-authored-by: Frederik Bolding <frederik.bolding@gmail.com>
This commit is contained in:
Dominik Rudzki 2023-05-03 11:27:01 +02:00 committed by GitHub
parent c716592fd1
commit b5a11857c4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/pages/notifications/index.scss
View File

@ -78,7 +78,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
border-bottom: 1px solid var(--color-border-muted); border-bottom: 1px solid var(--color-border-muted);
padding: 16px; padding: 16px 32px 16px 16px;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@ -96,6 +96,7 @@
} }
.unread { .unread {
flex-shrink: 0;
background-color: var(--color-primary-default); background-color: var(--color-primary-default);
} }
@ -104,6 +105,10 @@
flex-direction: column; flex-direction: column;
margin-left: 12px; margin-left: 12px;
&__message {
overflow-wrap: anywhere;
}
&__infos { &__infos {
color: var(--color-text-muted); color: var(--color-text-muted);
font-size: 12px; font-size: 12px;