max/pm-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix wave positioning to match Reltio Wave_root (bottom-anchored, blur on conversation)

Browse Source
This commit is contained in:
Max Mayfield
2026-02-27 23:39:13 +00:00
parent cd9f0eb8b1
commit 824fe5da39
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
openwebui/custom.css
View File

@@ -43,24 +43,41 @@ body, .app, main, #app {
color: var(--reltio-text) !important; color: var(--reltio-text) !important;
} }
/* Wave background via pseudo-element for blur control */ /* Wave background — matches Reltio Wave_root positioning */
body::before { body::before {
content: '';
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('/static/darkWave2.svg');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
z-index: -1;
pointer-events: none;
opacity: 1;
transition: opacity var(--transition-duration-m, 225ms) cubic-bezier(0.4, 0, 0.2, 1),
filter var(--transition-duration-m, 225ms) cubic-bezier(0.4, 0, 0.2, 1);
}
/* Wave overlay for dimming (like data-wave-overlay) */
body::after {
content: ''; content: '';
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url('/static/darkWave2.svg'); background-color: rgba(14, 14, 37, 0.9);
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
z-index: -1; z-index: -1;
opacity: 1; pointer-events: none;
transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out; opacity: 0;
transition: opacity var(--transition-duration-m, 225ms) cubic-bezier(0.4, 0, 0.2, 1);
} }
/* Blur wave when conversation is active */ /* Blur wave when conversation is active (matches .layout_root:has([data-conversation=true])) */
body:has(.messages-container)::before, body:has(.messages-container)::before,
body:has([data-message-role])::before, body:has([data-message-role])::before,
body:has(.chat-messages)::before { body:has(.chat-messages)::before {