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

[FIX] web_editor, website: adapt dropzone transparency

Browse Source 
Since the introduction of the new dropzone design at [1], the dropzones
were not transparent enough anymore and the inline content behind them
was not readable.

This commit adapts the layout of dropzones to make the content behind
them more readable.

[1]: https://github.com/odoo/odoo/commit/8ca644252e2d3a1f836735454c1f936529a7914e

task-3537616

Part-of: odoo/odoo#137569
Co-authored-by: qsm-odoo <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2023-10-05 15:36:22 +00:00
co-authored by qsm-odoo
parent 58607d1cf7
commit c16428cf39
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/scss/web_editor.variables.scss
+2
View File
@@ -46,6 +46,8 @@ $o-we-handle-inside-line-width: 3px !default;
$o-we-dropzone-size: 30px !default; // $grid-gutter-width (todo: allow to use the variable)
$o-we-dropzone-border-width: 2px !default;
$o-we-dropzone-border: $o-we-dropzone-border-width dashed $o-brand-odoo !default;
$o-we-dropzone-accent-color: $o-we-accent !default;
$o-we-dropzone-bg-color: rgba($o-we-dropzone-accent-color, .5) !default;
// Translations
$o-we-content-to-translate-color: rgba(255, 255, 90, 0.5) !default;
addons/web_editor/static/src/scss/wysiwyg_snippets.scss
+3 -4
View File
@@ -2050,21 +2050,20 @@ we-select.o_we_border_preview_aligned_select {
// DROPZONES
@keyframes dropZoneInsert {
to {
box-shadow: inset 0 0 $o-we-dropzone-size 0 rgba($o-we-handles-accent-color, .5);
box-shadow: inset 0 0 $o-we-dropzone-size 0 scale-color($o-we-dropzone-accent-color, $alpha: -50%);
}
}
.oe_drop_zone {
background: rgba(lighten($o-we-handles-accent-color, 50%), .95);
background: $o-we-dropzone-bg-color;
animation: dropZoneInsert 1s linear 0s infinite alternate;
&.oe_insert {
position: relative;
width: 100%;
border-radius: $border-radius-lg;
outline: $o-we-dropzone-border-width dashed $o-we-handles-accent-color;
outline: $o-we-dropzone-border-width dashed $o-we-dropzone-accent-color;
outline-offset: -$o-we-dropzone-border-width;
backdrop-filter: blur(2px);
z-index: $o-we-overlay-zindex;
}
}
addons/website/static/src/scss/website.edit_mode.scss
+3 -4
View File
@@ -1,11 +1,10 @@
$-editor-messages-margin-x: 2%;
%o-editor-messages {
background: rgba(lighten($o-we-handles-accent-color, 50%), .95);
background: $o-we-dropzone-bg-color;
text-align: center;
color: $o-we-handles-accent-color;
outline: $o-we-dropzone-border-width dashed $o-we-handles-accent-color;
color: #fff;
outline: $o-we-dropzone-border-width dashed $o-we-dropzone-accent-color;
outline-offset: -$o-we-dropzone-border-width;
backdrop-filter: blur(2px);
&:before {
content: attr(data-editor-message);