summaryrefslogtreecommitdiff
path: root/addons/web_editor/static/src/less/web_editor.variables.less
diff options
context:
space:
mode:
authorqsm-odoo <qsm@odoo.com>2017-03-28 11:38:26 +0200
committerqsm-odoo <qsm@odoo.com>2017-08-17 12:41:15 +0200
commit6c9a56a65fda9066dee9efde49b7ade6aff1ca46 (patch)
treec0a216ba4b7e3ccfdc08c891fb3ee76d6c69e09f /addons/web_editor/static/src/less/web_editor.variables.less
parent56972f8b0549804513dc7acaceacccbdc9bce1aa (diff)
[REF] web_editor: improve "Video" dialog design and behavior
Original design by @stefanorigano.
Diffstat (limited to 'addons/web_editor/static/src/less/web_editor.variables.less')
-rw-r--r--addons/web_editor/static/src/less/web_editor.variables.less20
1 files changed, 20 insertions, 0 deletions
diff --git a/addons/web_editor/static/src/less/web_editor.variables.less b/addons/web_editor/static/src/less/web_editor.variables.less
index 188d62b955d..c735967af86 100644
--- a/addons/web_editor/static/src/less/web_editor.variables.less
+++ b/addons/web_editor/static/src/less/web_editor.variables.less
@@ -85,6 +85,26 @@
}
+// ============ 'Preview' component Mixins ===============
+// Create a "preview" work-area to edit/customize specific elements
+
+.o-we-preview-box(@padding: 0px 25px 25px 25px, @color-text: white ) {
+ padding: @padding;
+ border-top: 1px solid black;
+ border-bottom: 1px solid white;
+ .o-linear-gradient(-150deg, @o-we-color-dark, @o-we-color-darker);
+
+ color: @color-text;
+}
+
+.o-we-preview-content() {
+ display: inline-block;
+ max-width: 100%;
+ overflow: hidden;
+ box-shadow: 0 0 15px 2px #000;
+}
+
+
// ============ Preservetion mixins ===============
// Used to preserve web_editor and website UI from themes customizations