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