diff options
| author | Thibault Delavallée <tde@odoo.com> | 2020-08-25 09:36:23 +0000 |
|---|---|---|
| committer | Thibault Delavallée <tde@odoo.com> | 2020-08-31 09:07:37 +0000 |
| commit | 92579eddda3f15eef9d759a910000374a73f4410 (patch) | |
| tree | 546f6674756c8faff1a05897d744de0e47c8e015 | |
| parent | 342799035911123b609876268a86c1da251f7645 (diff) | |
[IMP] website_event_online: add common CSS for color-based backgrounds
SPECIFICATIONS
Have a common css definition for background color based on color field. This
will be used notably for track agenda and list display.
LINKS
Task ID-2325327
PR odoo/odoo#56430
X-original-commit: af8d95666f0e7a083a02a5ed6887d0d1118c43b7
| -rw-r--r-- | addons/website_event/static/src/scss/website_event_templates.scss | 38 | ||||
| -rw-r--r-- | addons/website_event_track/static/src/scss/event_track_templates.scss | 2 |
2 files changed, 40 insertions, 0 deletions
diff --git a/addons/website_event/static/src/scss/website_event_templates.scss b/addons/website_event/static/src/scss/website_event_templates.scss index 390536d6f97..85f7406b7ea 100644 --- a/addons/website_event/static/src/scss/website_event_templates.scss +++ b/addons/website_event/static/src/scss/website_event_templates.scss @@ -65,6 +65,44 @@ } } + // background color-based for new styling + .event_color_0 { + @extend .bg-100; + } + .event_color_1 { + background-color: rgba(240, 96, 80, 0.2); + } + .event_color_2 { + background-color: rgba(244, 164, 96, 0.2); + } + .event_color_3 { + background-color: rgba(247, 205, 31, 0.2); + } + .event_color_4 { + background-color: rgba(108,193,237,0.2); + } + .event_color_5 { + background-color: rgba(129,73,104,0.2); + } + .event_color_6 { + background-color: rgba(235,126,127,0.2); + } + .event_color_7 { + background-color: rgba(44,131,151,0.2); + } + .event_color_8 { + background-color: rgba(71,85,119,0.2); + } + .event_color_9 { + background-color: rgba(214,20,95,0.2); + } + .event_color_10 { + background-color: rgba(48,195,129,0.2); + } + .event_color_11 { + background-color: rgba(147,101,184,0.2); + } + .o_wevent_online_page_container { // Widescreen mode @include media-breakpoint-up(md) { diff --git a/addons/website_event_track/static/src/scss/event_track_templates.scss b/addons/website_event_track/static/src/scss/event_track_templates.scss index 0cf1fe1c509..c1347493d91 100644 --- a/addons/website_event_track/static/src/scss/event_track_templates.scss +++ b/addons/website_event_track/static/src/scss/event_track_templates.scss @@ -28,6 +28,7 @@ } } + /* * AGENDA */ @@ -127,6 +128,7 @@ } } + // Remove me in master &.event_color_0 { background-color: rgba(211, 211, 211, 0.5); } |