summaryrefslogtreecommitdiff
path: root/addons/mail/static/src/components/notification_group/notification_group.scss
diff options
context:
space:
mode:
authorstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
committerstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
commit3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch)
treea44932296ef4a9b71d5f010906253d8c53727726 /addons/mail/static/src/components/notification_group/notification_group.scss
parent0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff)
initial commit 2
Diffstat (limited to 'addons/mail/static/src/components/notification_group/notification_group.scss')
-rw-r--r--addons/mail/static/src/components/notification_group/notification_group.scss93
1 files changed, 93 insertions, 0 deletions
diff --git a/addons/mail/static/src/components/notification_group/notification_group.scss b/addons/mail/static/src/components/notification_group/notification_group.scss
new file mode 100644
index 00000000..88a67002
--- /dev/null
+++ b/addons/mail/static/src/components/notification_group/notification_group.scss
@@ -0,0 +1,93 @@
+// ------------------------------------------------------------------
+// Layout
+// ------------------------------------------------------------------
+
+.o_NotificationGroup {
+ @include o-mail-notification-list-item-layout();
+
+ &:hover .o_NotificationGroup_markAsRead {
+ // TODO also mixin this
+ // task-2258605
+ opacity: 1;
+ }
+}
+
+.o_NotificationGroup_content {
+ @include o-mail-notification-list-item-content-layout();
+}
+
+.o_NotificationGroup_core {
+ @include o-mail-notification-list-item-core-layout();
+}
+
+.o_NotificationGroup_coreItem {
+ @include o-mail-notification-list-item-core-item-layout();
+}
+
+.o_NotificationGroup_counter {
+ @include o-mail-notification-list-item-counter-layout();
+}
+
+.o_NotificationGroup_date {
+ @include o-mail-notification-list-item-date-layout();
+}
+
+.o_NotificationGroup_header {
+ @include o-mail-notification-list-item-header-layout();
+}
+
+.o_NotificationGroup_image {
+ @include o-mail-notification-list-item-image-layout();
+}
+
+.o_NotificationGroup_imageContainer {
+ @include o-mail-notification-list-item-image-container-layout();
+}
+
+.o_NotificationGroup_inlineText {
+ @include o-mail-notification-list-item-inline-text-layout();
+}
+
+.o_NotificationGroup_markAsRead {
+ @include o-mail-notification-list-item-mark-as-read-layout();
+}
+
+.o_NotificationGroup_name {
+ @include o-mail-notification-list-item-name-layout();
+}
+
+.o_NotificationGroup_sidebar {
+ @include o-mail-notification-list-item-sidebar-layout();
+}
+
+// ------------------------------------------------------------------
+// Style
+// ------------------------------------------------------------------
+
+.o_NotificationGroup {
+ @include o-mail-notification-list-item-style();
+}
+
+.o_NotificationGroup_core {
+ @include o-mail-notification-list-item-core-style();
+}
+
+.o_NotificationGroup_counter {
+ @include o-mail-notification-list-item-bold-style();
+}
+
+.o_NotificationGroup_date {
+ @include o-mail-notification-list-item-date-style();
+}
+
+.o_NotificationGroup_image {
+ @include o-mail-notification-list-item-image-style();
+}
+
+.o_NotificationGroup_markAsRead {
+ @include o-mail-notification-list-item-mark-as-read-style();
+}
+
+.o_NotificationGroup_name {
+ @include o-mail-notification-list-item-bold-style();
+}