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

[IMP] web_editor: improve link popover

Browse Source 
PURPOSE

Simply improve the design of the link popover

SPECIFICATION

- "ellipsis" the link preview instead of wrapping it
- only keep a 0.5rem gap between each of the right icons

Task-2916270

closes odoo/odoo#108497

X-original-commit: bb1f37226dcd842abf4ec63ecf037f5ce3a3441b
Signed-off-by: David Monjoie (dmo) <dmo@odoo.com>
This commit is contained in:
vishal padhiyar
2022-12-22 10:39:35 +01:00
committed by David Monjoie
parent cb3dc19969
commit e9f99dff16
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/scss/wysiwyg.scss
+1 -1
View File
@@ -667,7 +667,7 @@ img::selection {
}
.o_we_url_link {
word-break: break-all;
width: 100px;
}
.o_we_full_url {
addons/web_editor/static/src/xml/wysiwyg.xml
+4 -4
View File
@@ -169,14 +169,14 @@
<span class="me-2 o_we_preview_favicon"><i class="fa fa-globe"/><img class="align-baseline d-none"/></span>
<div class="w-100">
<div class="d-flex">
<a href="#" target="_blank" class="o_we_url_link fw-bold flex-grow-1" t-esc="widget.href" title="Open in a new tab"/>
<a href="#" class="mx-2 o_we_copy_link text-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy Link">
<a href="#" target="_blank" class="o_we_url_link fw-bold flex-grow-1 text-truncate" t-esc="widget.href" title="Open in a new tab"/>
<a href="#" class="mx-1 o_we_copy_link text-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Copy Link">
<i class="fa fa-clone"/>
</a>
<a href="#" class="mx-2 o_we_edit_link text-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit Link">
<a href="#" class="mx-1 o_we_edit_link text-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit Link">
<i class="fa fa-edit"/>
</a>
<a href="#" class="ms-2 o_we_remove_link text-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove Link">
<a href="#" class="ms-1 o_we_remove_link text-dark" data-bs-toggle="tooltip" data-bs-placement="top" title="Remove Link">
<i class="fa fa-chain-broken"/>
</a>
</div>