[IMP] web: add "fs" size option for dialog

This commit will add a new size named "fs" for the Dialog component. It
will force the dialog to have a width of 100%.

task-2796157

closes odoo/odoo#114401

Related: odoo/enterprise#34663
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
This commit is contained in:
Julien Banken
2023-05-12 19:54:19 +02:00
parent 54f246f9c7
commit c93ca58d2a
2 changed files with 8 additions and 1 deletions
+1 -1
View File
@@ -82,7 +82,7 @@ Dialog.props = {
fullscreen: { type: Boolean, optional: true },
footer: { type: Boolean, optional: true },
header: { type: Boolean, optional: true },
size: { type: String, optional: true, validate: (s) => ["sm", "md", "lg", "xl"].includes(s) },
size: { type: String, optional: true, validate: (s) => ["sm", "md", "lg", "xl", "fs"].includes(s) },
technical: { type: Boolean, optional: true },
title: { type: String, optional: true },
modalRef: { type: Function, optional: true },
@@ -17,3 +17,10 @@
margin: 0; // Reset boostrap.
}
}
@include media-breakpoint-up(sm) {
.modal-fs {
width: calc(100% - #{2 * $modal-dialog-margin-y-sm-up});
max-width: none;
}
}