/** * Embedded LMS pages loaded inside lesson iframes (?fromLesson=1). * * Quizzes, assignments, and programming exercises are iframed from the lesson * editor body. The inner route eventually switches to NoSidebarLayout and hides * its page header, but only after Vue/router mount — causing a visible flash of * sidebar + top bar. An early (see * lms_embed_chrome.js) lets us suppress that chrome from the first paint and keep * the embed on a plain solid background instead of the themed page gradient. */ /* -------------------------------------------------------------------------- */ /* Solid background (no themed gradient / photo) */ /* -------------------------------------------------------------------------- */ html.pulse-from-lesson:not([data-theme="dark"]) body { min-height: 100vh; background-color: #ffffff !important; background-image: none !important; background-attachment: scroll !important; } html.pulse-from-lesson[data-theme="dark"] body { background-image: none !important; } html.pulse-from-lesson:not([data-theme="dark"]) .bg-surface-white, html.pulse-from-lesson:not([data-theme="dark"]) #scrollContainer, html.pulse-from-lesson:not([data-theme="dark"]) .h-screen.text-base.bg-surface-white { background-color: #ffffff !important; } /* -------------------------------------------------------------------------- */ /* Hide layout chrome before Vue applies NoSidebarLayout / v-if="!fromLesson" */ /* -------------------------------------------------------------------------- */ /* Desktop sidebar (DesktopLayout) */ html.pulse-from-lesson .flex.h-screen.w-screen > .border-r.bg-surface-menu-bar { display: none !important; } html.pulse-from-lesson .flex.h-screen.w-screen > .flex-1 { width: 100% !important; max-width: 100% !important; } /* Page top bars on quiz / assignment / programming-exercise embed routes */ html.pulse-from-lesson header.sticky.top-0 { display: none !important; } /* Mobile bottom tab bar (MobileLayout) */ html.pulse-from-lesson .fixed.bottom-0.left-0.w-full.border-t.border-outline-gray-2 { display: none !important; }