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

[IMP] web_editor, *: update multi image selection layout

Browse Source 
*: website

The goal of this commit is to improve multi image selection
(Image Wall, Gallery...) using the same layout as in selected themes
for selected images.

Part of https://github.com/odoo/odoo/pull/66544
task-2326573
This commit is contained in:
xO-Tx
2021-03-09 11:02:14 +00:00
committed by qsm-odoo
parent dfcc9a3ce0
commit b1e48c8dd2
4 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/scss/web_editor.variables.scss
+21
View File
@@ -414,6 +414,27 @@ $o-we-sidebar-content-field-toggle-control-shadow: 0 2px 3px 0 $o-we-bg-darkest
}
}
// ------------------------------------------------------------------
// Selection wrapper
// ------------------------------------------------------------------
@mixin o-we-active-wrapper($icon: '\f00c', $top: auto, $right: auto, $bottom: auto, $left: auto) {
border: 3px solid $o-brand-primary;
&:before {
content: $icon;
@include o-position-absolute($top, $right, $bottom, $left);
width: 19px;
height: 19px;
background-color: $o-brand-primary;
font-family: 'FontAwesome';
color: white;
border-radius: 50%;
text-align: center;
z-index: 1;
box-shadow: $box-shadow;
}
}
//------------------------------------------------------------------------------
// Edited content
//------------------------------------------------------------------------------
addons/web_editor/static/src/scss/wysiwyg.scss
+1 -2
View File
@@ -296,8 +296,7 @@ body .modal {
}
.o_we_attachment_selected {
border-color: $o-brand-primary;
box-shadow: 0px 0px 2px 2px $o-brand-primary;
@include o-we-active-wrapper($top: 5px, $left: 5px);
}
.o_we_attachment_optimized .badge {
addons/website/static/src/scss/website.backend.scss
+1 -1
View File
@@ -329,7 +329,7 @@
}
&.o_theme_installed .o_theme_preview_top {
border: 3px solid $o-brand-primary;
@include o-we-active-wrapper($top: 7px, $right: 7px);
}
}
addons/website/views/website_views.xml
-4
View File
@@ -363,10 +363,6 @@
<hr t-if="record.url.value"/>
<button role="button" type="edit" t-if="record.url.value" class="btn btn-secondary">Live Preview</button>
</div>
<i states="installed" t-if="record.is_installed_on_current_website.raw_value"
class="fa fa-check position-absolute p-1 m-2 rounded-circle bg-primary shadow"
style="top: 0; right: 0;"
role="img" aria-label="Installed" title="Installed"/>
</div>
<div class="o_theme_preview_bottom clearfix">
<h5 t-if="record.display_name.value" class="text-uppercase float-left">