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

[REF] mail: DropZone, review and simplify scss

Browse Source 
Part of the overall v16 SCSS optimization/restyle, task-2704984

task-2817682

Part-of: odoo/odoo#88088
This commit is contained in:
Brieuc-brd
2022-04-06 16:46:11 +02:00
parent 95354538c0
commit f20cef41e9
2 changed files with 2 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/mail/static/src/components/drop_zone/drop_zone.scss
+1 -20
View File
@@ -1,27 +1,8 @@
// ------------------------------------------------------------------
// Layout
// ------------------------------------------------------------------
.o_DropZone {
display: flex;
position: absolute;
top: 0;
left: 0;
height: map-get($sizes, 100);
width: map-get($sizes, 100);
z-index: 1;
align-items: center;
justify-content: center;
}
// ------------------------------------------------------------------
// Style
// ------------------------------------------------------------------
.o_DropZone {
color: $o-enterprise-primary-color;
background: rgba(255, 255, 255, 0.9);
border: 2px dashed $o-enterprise-primary-color;
z-index: 1;
&.o-dragging-inside {
border-width: 5px;
addons/mail/static/src/components/drop_zone/drop_zone.xml
+1 -1
View File
@@ -2,7 +2,7 @@
<templates xml:space="preserve">
<t t-name="mail.DropZone" owl="1">
<div class="o_DropZone" t-att-class="{ 'o-dragging-inside': state.isDraggingInside }" t-attf-class="{{ className }}" t-on-dragenter="_onDragenter" t-on-dragleave="_onDragleave" t-on-dragover="_onDragover" t-on-drop="_onDrop" t-ref="root">
<div class="o_DropZone position-absolute top-0 start-0 align-items-center justify-content-center d-flex w-100 h-100" t-att-class="{ 'o-dragging-inside': state.isDraggingInside }" t-attf-class="{{ className }}" t-on-dragenter="_onDragenter" t-on-dragleave="_onDragleave" t-on-dragover="_onDragover" t-on-drop="_onDrop" t-ref="root">
<h4>
Drag Files Here <i class="fa fa-download"/>
</h4>