[IMP] odoo_theme: open images in a modal

task-2358082

closes odoo/documentation#2276

X-original-commit: 2a867b4f60
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
Co-authored-by: Elisabeth Dickinson (edi) <edi@odoo.com>

extensions/odoo_theme/static/style.scss

@@ -704,6 +704,7 @@ header {
                     border: 1px solid $gray-lighter;
                     background: $white;
                     padding: .5rem;
+                    cursor: pointer;
                 }
 
                 img:not([alt="green"]):not([alt="orange"]):not([alt="red"]), iframe {
@@ -1096,6 +1097,25 @@ header {
     }
 }
 
+//------------------------------------------------------------------------------
+// Image modals
+//------------------------------------------------------------------------------
+
+.o_image_modal {
+    .modal-dialog {
+        max-width: fit-content;
+    }
+    .modal-content {
+        background-color: transparent;
+        border: none;
+    }
+    .modal-body {
+        padding: 2.2rem;
+    }
+    .btn-close {
+        @include o-position-absolute($top: 0);
+    }
+}
 //------------------------------------------------------------------------------
 // Footer
 //------------------------------------------------------------------------------