diff options
| author | stefanorigano <sri@odoo.com> | 2016-10-12 16:11:12 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2016-10-13 17:01:03 +0200 |
| commit | 63fdde638b9c0b99d7fab2c6e6df59b82c4f0f1c (patch) | |
| tree | 95adf7d15d739b7774a6ff0b367c3d3d646d1ede /addons/web_editor/static/src | |
| parent | 8a87c382ba5300012ad46514c8dd4fce5ecba630 (diff) | |
[FIX] website: fix usability/design issues in o_select_media_dialog
Diffstat (limited to 'addons/web_editor/static/src')
| -rw-r--r-- | addons/web_editor/static/src/less/web_editor.ui.components.less | 62 |
1 files changed, 45 insertions, 17 deletions
diff --git a/addons/web_editor/static/src/less/web_editor.ui.components.less b/addons/web_editor/static/src/less/web_editor.ui.components.less index 7dd882ffbd0..44f3923c35e 100644 --- a/addons/web_editor/static/src/less/web_editor.ui.components.less +++ b/addons/web_editor/static/src/less/web_editor.ui.components.less @@ -189,7 +189,7 @@ body .modal { ul.pager { margin: 0; > li > a { - border-radius: 3px; + border-radius: 0px; margin-left: 2px; padding: 6px 14px; } @@ -206,20 +206,34 @@ body .modal { } } } - .dropdown-toggle { - line-height: 0; - height: 34px; + + .well { + border-top-width: 0; + + label { + margin: auto 10px; + } + + .btn-group { + margin-right: 10px; + } } + .o_existing_attachment_cell { @odoo-border-image: 1px; .o_existing_attachment_remove { .o-position-absolute(@odoo-border-image, 15px + @odoo-border-image); - padding: 3px 3px 12px 12px; - background-color: white; - border-bottom: 1px solid black; - border-left: 1px solid black; - border-radius: 0 0 0 100%; - opacity: 0.8; + padding: 3px 5px 5px 5px; + background-color: fade(white, 80%); + text-shadow: 0 0 1px white; + border-radius: 0 0 0 2px; + opacity: 0; + cursor: pointer; + + &:hover { + background-color: white; + color: @o-we-color-danger; + } } .o_image { border: @odoo-border-image solid transparent; @@ -235,15 +249,29 @@ body .modal { border-color: @odoo-brand-primary; box-shadow: 0px 0px 2px 2px @odoo-brand-secondary; } + &:hover { + .o_existing_attachment_remove { + opacity: 1; + } + } } - .font-icons-icons > span { - font-size: 30px; - margin: 5px; - padding: 3px; - cursor: pointer; + .font-icons-icons { + padding: 20px 0; - &.o_selected { - box-shadow: 0px 0px 2px 2px @odoo-brand-secondary; + > span { + text-align: center; + font-size: 22px; + margin: 5px; + width: 50px; + height: 50px; + padding: 15px; + cursor: pointer; + + &.o_selected { + cursor: auto; + background-color: @o-we-color-paper; + box-shadow: 0px 0px 0px 1px @o-we-color-success; + } } } } |