iarv/mc-webui
1
0
Fork 1
mirror of https://github.com/MarekWo/mc-webui.git synced 2026-05-18 15:25:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): sidebar breakpoint not applied in DM window

Browse Source 
dm.html is a standalone template (not extending base.html), so it didn't
receive the .layout-wide class — the DM contact list never appeared as
a sidebar even on wide screens.

Added an inline script in dm.html <head> mirroring the base.html logic.
Also subscribes to the `storage` event so the iframe re-applies the
class live when the user changes the breakpoint in the parent window's
Settings -> Interface tab.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-05-06 21:48:51 +02:00
parent 927fc518f0
commit 8da9ee2455
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/dm.html
+25
View File
@@ -14,6 +14,31 @@
})();
</script>
<!-- Sidebar breakpoint: apply, react to resize, and react to changes from parent (Settings -> Interface) -->
<script>
(function() {
function readBp() {
try {
var s = parseInt(localStorage.getItem('mc-webui-sidebar-breakpoint'), 10);
return (isNaN(s) || s < 600 || s > 2000) ? 992 : s;
} catch (e) { return 992; }
}
function apply() {
document.documentElement.classList.toggle('layout-wide', window.innerWidth >= readBp());
}
apply();
var raf = null;
window.addEventListener('resize', function() {
if (raf) return;
raf = requestAnimationFrame(function() { raf = null; apply(); });
});
// Live update when the user changes the breakpoint in the parent window's Settings
window.addEventListener('storage', function(e) {
if (e.key === 'mc-webui-sidebar-breakpoint' || e.key === null) apply();
});
})();
</script>
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='images/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/favicon-32x32.png') }}">