ASCII text
1
/* Notifications & Message Tray */
2
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../gnome-shell";
6
@use "../../typography";
7
@use "../base/button";
8
@use "../base/entry";
9
// Banner notifications
11
.notification-banner {
12
min-height: theme.$menu-item-height * 2;
13
width: 34em;
14
margin: 5px;
15
border: 0;
16
border-radius: theme.$corner-radius;
17
font-size: 1em;
18
&,
20
&:focus,
21
&:hover,
22
&:active {
23
box-shadow: theme.$shadow-z4;
24
background-color: theme-color.$surface-z8;
25
color: theme-color.$on-surface;
26
}
27
@if gnome-shell.$version == 3.34 {
29
&,
30
&:focus,
31
&:active {
32
.message-title {
33
color: theme-color.$on-surface;
34
}
35
.message-content {
37
color: theme-color.hint(theme-color.$on-surface);
38
}
39
}
40
.message-icon-bin > StIcon {
42
color: inherit;
43
}
44
StEntry {
46
@extend %entry;
47
}
48
}
49
.notification-actions {
51
spacing: 0;
52
padding-top: 0;
53
border-top: 0;
54
background-color: transparent;
55
color: inherit;
56
}
57
.notification-button {
59
@extend %bubble_button;
60
}
61
}
62
// counter
64
.summary-source-counter {
65
-shell-counter-overlap-x: 3px;
66
-shell-counter-overlap-y: 3px;
67
height: 1.6em;
68
width: 1.6em;
69
border: 0;
70
border-radius: .8em;
71
box-shadow: theme.$shadow-z4;
72
background-color: theme-color.$primary;
73
color: theme-color.$on-primary;
74
font-weight: bold;
75
font-size: 1em;
76
}
77
// chat bubbles
79
.chat-body {
80
spacing: 5px;
81
}
82
.chat-response {
84
margin: 5px;
85
}
86
.chat-log-message {
88
color: theme-color.$on-surface;
89
}
90
.chat-new-group {
92
padding-top: 1em;
93
}
94
.chat-received {
96
padding-left: 4px;
97
&:rtl {
99
padding-left: 0;
100
padding-right: 4px;
101
}
102
}
103
.chat-sent {
105
padding-left: 18pt;
106
color: theme-color.hint(theme-color.$on-surface);
107
&:rtl {
109
padding-left: 0;
110
padding-right: 18pt;
111
}
112
}
113
.chat-meta-message {
115
padding-left: 4px;
116
color: theme-color.hint(theme-color.$on-surface);
117
@include typography.caption;
118
&:rtl {
120
padding-left: 0;
121
padding-right: 4px;
122
}
123
}
124