pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] web_editor, website: review color combination preview

Browse Source 
Part of https://github.com/odoo/odoo/pull/55645
task-2157252
This commit is contained in:
stefanorigano (SRI)
2020-08-07 22:13:18 +00:00
committed by qsm-odoo
parent b8717c5b72
commit b7098ddf2c
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/scss/wysiwyg_snippets.scss
+3 -1
View File
@@ -981,10 +981,12 @@ body.editor_enable.editor_has_snippets {
@extend %o-preview-alpha-background;
font-family: sans-serif !important;
font-size: 16px !important;
padding: $o-we-sidebar-content-field-spacing * 1.6;
}
.o_we_cc_preview_wrapper > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
line-height: .8 !important;
}
.o_we_color_combination_btn_text {
color: inherit !important;
@@ -995,7 +997,7 @@ body.editor_enable.editor_has_snippets {
font-size: 1em !important;
}
.o_we_color_combination_btn_btn {
padding: 0 1px !important;
padding: 3px 3px 2px !important;
border-radius: 2px !important;
font-size: 0.8em !important;
}
addons/web_editor/static/src/xml/snippets.xml
+1 -1
View File
@@ -68,7 +68,7 @@
</button>
</t>
<t t-name="web_editor.color.combination.preview">
<div class="o_we_cc_preview_wrapper d-flex justify-content-between align-items-end">
<div class="o_we_cc_preview_wrapper d-flex justify-content-between align-items-center">
<h1 class="o_we_color_combination_btn_title">Title</h1>
<p class="o_we_color_combination_btn_text flex-grow-1">Text</p>
<span class="o_we_color_combination_btn_btn btn btn-sm btn-primary o_btn_preview mr-1"><small>Button</small></span>
addons/website/static/src/js/editor/snippets.options.js
+1 -1
View File
@@ -1048,7 +1048,7 @@ options.registry.ThemeColors = options.registry.OptionsTab.extend({
togglerEl.classList.add('pt-0', 'pb-0', 'pl-0');
const divEl = document.createElement('div');
const ccPreviewEl = $(qweb.render('web_editor.color.combination.preview'))[0];
ccPreviewEl.classList.add('p-1', 'text-center', `o_cc${i}`);
ccPreviewEl.classList.add('text-center', `o_cc${i}`);
divEl.appendChild(ccPreviewEl);
togglerEl.appendChild(divEl);
ccEl.appendChild(togglerEl);