Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-23 07:19:41 +02:00
Code Issues Releases Activity

fix(notifications): cleanup notifications code [EE-4274] (#7790)

Browse source 
* fix(notifications): cleanup notifications code [EE-4274]

* break long words
This commit is contained in:
itsconquest 2022-10-11 14:05:53 +13:00 • committed by GitHub
parent c6ae8467c0
commit 724f1f63b7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 114 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/react/components/PageHeader/NotificationsMenu.module.css
View file

@ -1,3 +1,7 @@
.root {
width: 500px;
}
.badge {
position: absolute;
top: 8px;
@ -23,6 +27,16 @@
margin-left: auto;
}
.notifications {
max-height: 80vh;
overflow-y: auto;
}
.notification {
border-bottom: 1px solid var(--ui-gray-3);
border-radius: 0;
}
.container {
display: flex;
}
@ -31,12 +45,23 @@
width: 5rem;
}
.notificationBody {
flex-basis: 30rem;
flex-basis: 80rem;
}
.deleteButton {
flex-basis: 5rem;
}
.notification-details {
word-break: break-all;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
line-clamp: 5;
-webkit-box-orient: vertical;
}
.container > div {
padding: 0px 10px;
margin: auto;