diff options
| author | qha-odoo <qha@odoo.com> | 2019-01-16 09:58:17 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2019-01-25 14:30:55 +0000 |
| commit | 5b563549fa6d962f561678fdfc68f0fc5e8b52c8 (patch) | |
| tree | b36078198e235e10cf43b2aca1ca9b130b75a22b /addons/website/static/src | |
| parent | 340bc5c42e3ee65a09ee19936fd43617832dbc94 (diff) | |
[IMP] website_event, *: refactor website events layouts
* base, portal, website, website_event_sale, website_event_track
- The previous event registration form was not clear on mobile
- Review some layouts to match the new design general idea, using cards
(see forum refactoring of https://github.com/odoo/odoo/pull/29235)
- Use correct bootstrap components (like a menu instead of a breadcrumb
on event pages)
- Review options to be able to disable the left / right column and
choose the exact options you want to appear in them
task-1858034
closes odoo/odoo#30559
Diffstat (limited to 'addons/website/static/src')
| -rw-r--r-- | addons/website/static/src/scss/primary_variables.scss | 2 | ||||
| -rw-r--r-- | addons/website/static/src/scss/website.scss | 17 |
2 files changed, 19 insertions, 0 deletions
diff --git a/addons/website/static/src/scss/primary_variables.scss b/addons/website/static/src/scss/primary_variables.scss index 1eea604bcb8..835acc6b3f9 100644 --- a/addons/website/static/src/scss/primary_variables.scss +++ b/addons/website/static/src/scss/primary_variables.scss @@ -38,6 +38,8 @@ $o-social-colors: ( 'google-plus': #DD4B39, ); +$o-theme-figcaption-opacity: 0.6; + //------------------------------------------------------------------------------ // Fonts //------------------------------------------------------------------------------ diff --git a/addons/website/static/src/scss/website.scss b/addons/website/static/src/scss/website.scss index 3b7091b0e3c..3c506db48ac 100644 --- a/addons/website/static/src/scss/website.scss +++ b/addons/website/static/src/scss/website.scss @@ -1058,6 +1058,23 @@ table.table_desc tr td { } } } +// Figure with special style +.o_figure_relative_layout { + position: relative; + + .figure-img { + margin-bottom: 0; + } + .figure-caption { + @include o-position-absolute(auto, 0, 0, 0); + @include o-bg-color(rgba(theme-color('dark'), $o-theme-figcaption-opacity)); + padding: $tooltip-padding-y $tooltip-padding-x; + font-weight: $font-weight-bold; + a { + color: inherit; + } + } +} @each $color, $value in $theme-colors { .bg-#{$color}-light { |