ASCII text
1
/* Notifications & Message Tray */
2
// Banner notifications
4
.notification-banner {
5
min-height: $menuitem-size * 2;
6
width: 34em;
7
margin: 5px;
8
border: 0;
9
border-radius: $corner-radius;
10
font-size: 1em;
11
&,
13
&:focus,
14
&:hover,
15
&:active {
16
box-shadow: $shadow-z4;
17
background-color: $surface-z8;
18
color: $on-surface;
19
}
20
@if $version == 3.34 {
22
&,
23
&:focus,
24
&:active {
25
.message-title {
26
color: $on-surface;
27
}
28
.message-content {
30
color: hint($on-surface);
31
}
32
}
33
.message-icon-bin > StIcon {
35
color: inherit;
36
}
37
StEntry {
39
@extend %entry;
40
}
41
}
42
.notification-actions {
44
spacing: 0;
45
padding-top: 0;
46
border-top: 0;
47
background-color: transparent;
48
color: inherit;
49
}
50
.notification-button {
52
@extend %bubble_button;
53
}
54
}
55
// counter
57
.summary-source-counter {
58
-shell-counter-overlap-x: 3px;
59
-shell-counter-overlap-y: 3px;
60
height: 1.6em;
61
width: 1.6em;
62
border: 0;
63
border-radius: .8em;
64
box-shadow: $shadow-z4;
65
background-color: $primary;
66
color: $on-primary;
67
font-weight: bold;
68
font-size: 1em;
69
}
70
// chat bubbles
72
.chat-body {
73
spacing: 5px;
74
}
75
.chat-response {
77
margin: 5px;
78
}
79
.chat-log-message {
81
color: $on-surface;
82
}
83
.chat-new-group {
85
padding-top: 1em;
86
}
87
.chat-received {
89
padding-left: 4px;
90
&:rtl {
92
padding-left: 0;
93
padding-right: 4px;
94
}
95
}
96
.chat-sent {
98
padding-left: 18pt;
99
color: hint($on-surface);
100
&:rtl {
102
padding-left: 0;
103
padding-right: 18pt;
104
}
105
}
106
.chat-meta-message {
108
padding-left: 4px;
109
color: hint($on-surface);
110
@include type(caption);
111
&:rtl {
113
padding-left: 0;
114
padding-right: 4px;
115
}
116
}
117