folder rename

fusion_plating/fusion_plating_configurator/static/src/scss/fp_3d_viewer.scss

@@ -0,0 +1,143 @@
+// =============================================================================
+// Fusion Plating -- 3D Viewer + Configurator Layout
+// Copyright 2026 Nexa Systems Inc.
+// License OPL-1 (Odoo Proprietary License v1.0)
+// =============================================================================
+
+// -- Configurator two-column layout: 3/4 fields + 1/4 preview --
+// When the preview column is hidden (no 3D model AND no drawings), the
+// fields column expands to full width via the :has() selector below.
+.o_fp_cfg_layout {
+    display: grid;
+    grid-template-columns: 1fr 380px;
+    gap: 16px;
+    align-items: start;
+}
+
+// Full width when right column has no visible content
+.o_fp_cfg_layout:has(> .o_fp_cfg_preview.o_invisible_modifier),
+.o_fp_cfg_layout:has(> .o_fp_cfg_preview[style*="display: none"]),
+.o_fp_cfg_layout:has(> .o_fp_cfg_preview[style*="display:none"]) {
+    grid-template-columns: 1fr;
+}
+
+.o_fp_cfg_fields {
+    min-width: 0;
+}
+
+.o_fp_cfg_preview {
+    position: sticky;
+    top: 16px;
+
+    // Force all field widgets (3D viewer, Html drawing preview) to be
+    // block-level + full width so the 3D and PDF iframes match exactly.
+    .o_field_widget,
+    > div > .o_field_widget {
+        display: block;
+        width: 100%;
+    }
+
+    iframe {
+        display: block;
+    }
+}
+
+// Responsive: stack on narrow screens
+@media (max-width: 1200px) {
+    .o_fp_cfg_layout {
+        grid-template-columns: 1fr;
+    }
+    .o_fp_cfg_preview {
+        position: static;
+    }
+}
+
+// -- 3D viewer widget --
+.o_fp_3d_viewer_root {
+    width: 100%;
+}
+
+.o_fp_3d_placeholder {
+    border: 2px dashed $border-color;
+    border-radius: 0.5rem;
+    min-height: 200px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: var(--bs-secondary-color);
+    background-color: var(--bs-tertiary-bg);
+}
+
+.o_fp_3d_iframe {
+    width: 100%;
+    height: 450px;
+    border: 1px solid $border-color;
+    border-radius: 0.5rem;
+    background-color: #f0f2f5;
+    display: block;
+}
+
+// Inside the preview column: same height as the PDF preview iframe
+.o_fp_cfg_preview .o_fp_3d_iframe {
+    height: 450px;
+}
+
+// -- 3D Viewer Dialog (full-screen modal) --
+.o_fp_3d_dialog {
+    .modal-body {
+        padding: 0;
+    }
+}
+
+.o_fp_3d_dialog_body {
+    width: 100%;
+    background-color: #f0f2f5;
+    overflow: hidden;
+}
+
+.o_fp_3d_dialog_iframe {
+    width: 100%;
+    border: 0;
+    display: block;
+    background-color: #f0f2f5;
+}
+
+.o_fp_3d_dialog_actions {
+    padding: 8px 12px;
+    text-align: right;
+    border-top: 1px solid var(--bs-border-color, #dee2e6);
+    background-color: var(--bs-body-bg);
+}
+
+// -- Inline PDF preview widget (fp_pdf_inline_preview) --
+.o_fp_pdf_inline_root {
+    width: 100%;
+}
+
+.o_fp_pdf_inline_frame_wrap {
+    width: 100%;
+    height: 450px;
+    border: 1px solid $border-color;
+    border-radius: 0.5rem;
+    overflow: hidden;
+    background-color: #f0f2f5;
+}
+
+.o_fp_pdf_inline_iframe {
+    width: 100%;
+    height: 100%;
+    border: 0;
+    display: block;
+}
+
+.o_fp_pdf_inline_placeholder {
+    border: 2px dashed $border-color;
+    border-radius: 0.5rem;
+    min-height: 200px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: var(--bs-tertiary-bg);
+}