Fix Assign Spool modal clipping on SpoolBuddy display

Added scoped CSS in SpoolBuddyAmsPage that constrains the shared
  AssignSpoolModal to 90vh with scrollable content and pinned
  header/footer, without modifying the shared component.
This commit is contained in:
maziggy
2026-03-26 11:22:15 +01:00
parent 1b0c97538f
commit 702b201aa6
3 changed files with 27 additions and 19 deletions
@@ -740,18 +740,22 @@ export function SpoolBuddyAmsPage() {
{assignSpoolModal && (
<>
<style>{`
.sb-assign-wrap .relative.max-w-2xl {
max-height: 90vh;
display: flex;
flex-direction: column;
[data-sb-assign] [class*="max-w-2xl"] {
max-height: 90vh !important;
display: flex !important;
flex-direction: column !important;
}
.sb-assign-wrap .relative.max-w-2xl > .p-4.space-y-4 {
flex: 1 1 0;
min-height: 0;
overflow-y: auto;
[data-sb-assign] [class*="max-w-2xl"] > [class*="space-y"] {
flex: 1 1 0 !important;
min-height: 0 !important;
overflow-y: auto !important;
}
[data-sb-assign] [class*="max-w-2xl"] > [class*="border-b"],
[data-sb-assign] [class*="max-w-2xl"] > [class*="border-t"] {
flex-shrink: 0 !important;
}
`}</style>
<div className="sb-assign-wrap">
<div data-sb-assign="">
<AssignSpoolModal
isOpen={!!assignSpoolModal}
onClose={() => {