Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2026-01-27 01:39:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix notification center text overflow - ensure all text stays inside container

Browse Source
This commit is contained in:
master3395
2026-01-19 17:42:17 +01:00
parent 09767dddc1
commit 42a6bc291d
1 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
baseTemplate/templates/baseTemplate/index.html
View File

@@ -233,10 +233,13 @@
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
width: 520px;
max-width: calc(100vw - 40px);
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
z-index: 10000;
display: none;
box-sizing: border-box;
}
.notification-center-dropdown.show {
@@ -297,6 +300,8 @@
.notification-center-list {
padding: 1rem;
box-sizing: border-box;
overflow-x: hidden;
}
.notification-center-item {
@@ -307,6 +312,10 @@
background: white;
transition: all 0.2s ease;
cursor: default;
box-sizing: border-box;
width: 100%;
overflow: hidden;
min-width: 0;
}
.notification-center-item:hover {
@@ -334,12 +343,25 @@
align-items: center;
gap: 0.75rem;
line-height: 1.3;
width: 100%;
box-sizing: border-box;
min-width: 0;
overflow: hidden;
}
.notification-center-item-title > span {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notification-center-item-title i {
font-size: 1.25rem;
color: var(--accent-color);
flex-shrink: 0;
min-width: 1.25rem;
}
.notification-center-item-title .dismissed-badge {
@@ -350,6 +372,8 @@
padding: 0.25rem 0.5rem;
background: #f3f4f6;
border-radius: 6px;
flex-shrink: 0;
white-space: nowrap;
}
.notification-center-item-text {
@@ -358,6 +382,11 @@
line-height: 1.6;
margin-bottom: 1rem;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
width: 100%;
box-sizing: border-box;
overflow: hidden;
}
.notification-center-item-actions {
@@ -379,6 +408,15 @@
border-radius: 8px;
transition: all 0.2s ease;
white-space: nowrap;
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
}
.notification-center-item-link > span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notification-center-item-link:hover {