[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: 92579eddda3f15eef9d759a910000374a73f4410
This commit is contained in:
Thibault Delavallée
2020-08-31 14:01:05 +00:00
parent afb6749426
commit afeb20cbda
2 changed files with 40 additions and 0 deletions
@@ -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) {
@@ -28,6 +28,7 @@
}
}
/*
* AGENDA
*/
@@ -127,6 +128,7 @@
}
}
// Remove me in master
&.event_color_0 {
background-color: rgba(211, 211, 211, 0.5);
}