[IMP] website(_blog): remove several border in edit mode

This commit removes some noise of the UI in edit mode, to have a more easy
interface for onboarding blog creation.

task-2144335
This commit is contained in:
Romain Derie
2020-02-03 15:25:20 +00:00
committed by Jeremy Kersten
parent 27e4f8a3e1
commit 1ecdb5b6b8
3 changed files with 3 additions and 4 deletions
@@ -20,7 +20,7 @@ $-editor-messages-margin-x: 2%;
.o_editable {
&:not(:empty), &[data-oe-type] {
&:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):hover {
&:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):not(.o_editable_no_shadow):hover {
box-shadow: $o-brand-odoo 0 0 5px 2px inset;
}
}
@@ -288,7 +288,6 @@ $o-wblog-loader-size: 50px;
.o_record_cover_container.o_wblog_post_page_cover:not(.o_record_has_cover) {
background-color: $gray-100;
padding: 30px 0;
border: 1px dashed $gray-500;
}
// Hide the big "DRAG BUILDING BLOCKS HERE" box when inside a sidebar.
@@ -239,8 +239,8 @@ list of filtered posts (by date or tag).
<div class="container text-center position-relative h-100 d-flex flex-column flex-grow-1 justify-content-around">
<div t-attf-class="o_wblog_post_title #{opt_blog_post_select_to_tweet and 'js_tweet'} #{opt_blog_post_select_to_comment and 'js_comment'}">
<div t-field="blog_post.name" id="o_wblog_post_name" data-oe-expression="blog_post.name" t-att-data-blog-id="blog_post.id" placeholder="Blog Post Title"/>
<div t-field="blog_post.subtitle" id="o_wblog_post_subtitle" placeholder="Subtitle"/>
<div t-field="blog_post.name" id="o_wblog_post_name" class="o_editable_no_shadow" data-oe-expression="blog_post.name" t-att-data-blog-id="blog_post.id" placeholder="Blog Post Title"/>
<div t-field="blog_post.subtitle" id="o_wblog_post_subtitle" class="o_editable_no_shadow" placeholder="Subtitle"/>
</div>
<t t-set="resize_classes" t-value="set(json.loads(_record.cover_properties).get('resize_class').split(' '))"/>
<a t-if="{'o_full_screen_height', 'o_half_screen_height', 'cover_full', 'cover_mid'}.intersection(resize_classes)"