From f34d7f4fabe3cd819ed17ea581915107afd00a7f Mon Sep 17 00:00:00 2001 From: Samuel Degueldre Date: Wed, 18 Dec 2019 15:08:08 +0000 Subject: [IMP] website: review structure snippets This commit reviews a bunch structure snippets to streamline their use and edition, namely: Banner, Cover, Picture and Text-block snippets: - Remove extraneous levels of edition (buttons, heading/text only columns) Picture snippet: - make picture bigger Three columns and comparison snippets: - Make regular column options available on the cards - Remove unwanted UI elements (card footer, button) Cover snippet: - Make title bold It also consolidates the main colorpicker and the column colorpicker into a single option as they did the same thing and allows inner content to be dropped next to images in the Image - Text and Text - Image snippets. Part of https://github.com/odoo/odoo/pull/42937 task-2088157 task-2152184 --- addons/website/static/src/scss/website.scss | 5 +++++ addons/website/static/src/snippets/s_three_columns/000.scss | 4 ++-- addons/website/static/src/snippets/s_title/000.scss | 2 +- 3 files changed, 8 insertions(+), 3 deletions(-) (limited to 'addons/website/static/src') diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index be5a350092e..68a79f41a13 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -380,6 +380,11 @@ table.table_desc tr td { @extend .o_half_screen_height; } +// Allows custom border radius without contents overflowing. +.card { + overflow: hidden; +} + // // Snippets // diff --git a/addons/website/static/src/snippets/s_three_columns/000.scss b/addons/website/static/src/snippets/s_three_columns/000.scss index d0df614aede..24e5224ec87 100644 --- a/addons/website/static/src/snippets/s_three_columns/000.scss +++ b/addons/website/static/src/snippets/s_three_columns/000.scss @@ -1,5 +1,5 @@ -.s_three_columns { - .align-items-stretch .card { +.s_three_columns:not([data-vcss]) { + .align-items-stretch > .card { height: 100%; } } diff --git a/addons/website/static/src/snippets/s_title/000.scss b/addons/website/static/src/snippets/s_title/000.scss index 12d932c630c..a4e76dcadd5 100644 --- a/addons/website/static/src/snippets/s_title/000.scss +++ b/addons/website/static/src/snippets/s_title/000.scss @@ -1,5 +1,5 @@ -.s_title { +.s_title:not([data-vcss]) { .s_title_boxed { > * { display: inline-block; -- cgit v1.2.3