Home Explore Help
Sign In
yunoadmin
/
bambuddy
mirror of https://github.com/maziggy/bambuddy
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

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.
maziggy 5 months ago
parent
1b0c97538f
commit
702b201aa6
3 changed files with 14 additions and 10 deletions
Unified View Show Diff Stats
  1. 13 9
      frontend/src/pages/spoolbuddy/SpoolBuddyAmsPage.tsx
  2. 0 0
      static/assets/index-ydLRgpbj.js
  3. 1 1
      static/index.html

+ 13 - 9
frontend/src/pages/spoolbuddy/SpoolBuddyAmsPage.tsx
View File 

@@ -740,18 +740,22 @@ export function SpoolBuddyAmsPage() {
 
       {assignSpoolModal && (
 
       {assignSpoolModal && (
 
         <>
 
         <>
 
           <style>{`
 
           <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>
 
           `}</style>
 
-          <div className="sb-assign-wrap">
 
+          <div data-sb-assign="">
 
             <AssignSpoolModal
 
             <AssignSpoolModal
 
               isOpen={!!assignSpoolModal}
 
               isOpen={!!assignSpoolModal}
 
               onClose={() => {
 
               onClose={() => {

File diff suppressed because it is too large
+ 0 - 0
static/assets/index-ydLRgpbj.js


+ 1 - 1
static/index.html
View File 

@@ -23,7 +23,7 @@
 
 
 
     <!-- Splash screens for iOS -->
 
     <!-- Splash screens for iOS -->
 
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
 
     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
 
-    <script type="module" crossorigin src="/assets/index-vlxFmu1X.js"></script>
 
+    <script type="module" crossorigin src="/assets/index-ydLRgpbj.js"></script>
 
     <link rel="stylesheet" crossorigin href="/assets/index-CZLTApPU.css">
 
     <link rel="stylesheet" crossorigin href="/assets/index-CZLTApPU.css">
 
   </head>
 
   </head>
 
   <body>
 
   <body>

Some files were not shown because too many files changed in this diff