blob: a937b8c4504b016ce1d7d7bc5db003451677383f [file] [log] [blame]
avm99963ad65e752020-09-01 00:13:59 +02001@keyframes loading-indicator {
2 from {
3 opacity: 0.25;
4 }
5
6 to {
7 opacity: 1;
8 }
9}
10
11ec-user-link.name > *, .thread-message-header__name > *, .thread-message-header__name > span:nth-child(3) > * {
avm99963129fb502020-08-28 05:18:53 +020012 vertical-align: middle;
13}
14
15.profile-indicator {
avm99963a1b23b62020-09-01 14:32:34 +020016 display: inline-block;
17 font-size: 16px;
Adrià Vilanova Martínez9e7ec262022-01-28 00:06:00 +010018 margin-inline-start: 4px;
avm99963129fb502020-08-28 05:18:53 +020019}
20
21.profile-indicator a {
22 text-decoration: none!important;
23}
24
avm99963129fb502020-08-28 05:18:53 +020025.profile-indicator.profile-indicator--loading a {
26 color: #6f6f6f;
27
28 animation-duration: 0.75s;
avm99963ad65e752020-09-01 00:13:59 +020029 animation-name: loading-indicator;
avm99963129fb502020-08-28 05:18:53 +020030 animation-iteration-count: infinite;
31 animation-direction: alternate;
32}
33
34.profile-indicator.profile-indicator--first-post a {
avm99963e1752a12020-08-31 20:00:34 +020035 color: #4285f4;
avm99963129fb502020-08-28 05:18:53 +020036}
37
38.profile-indicator.profile-indicator--other-posts-read a {
39 color: #FF8F00;
40}
41
42.profile-indicator.profile-indicator--other-posts-unread a {
43 color: #C62828;
44}
45
46.profile-indicator a {
47 opacity: 1;
avm99963ad65e752020-09-01 00:13:59 +020048 transition: opacity .5s, color .5s;
49}
50
51.num-posts-indicator {
52 display: inline-block;
53 padding: 3px 7px;
Adrià Vilanova Martínez9e7ec262022-01-28 00:06:00 +010054 margin-inline-start: 8px;
avm99963ad65e752020-09-01 00:13:59 +020055 border-radius: 16px;
56 height: 14px;
57 min-width: 12px;
58
59 font-size: 12px;
60 line-height: 14px;
61 text-align: center;
62
63 background-color: #E0E0E0;
64 color: black;
65 transition: background-color .5s;
66}
67
68.num-posts-indicator.num-posts-indicator--loading {
avm99963f2fd7692020-09-01 16:52:20 +020069 background-color: #AFAFAF;
avm99963ad65e752020-09-01 00:13:59 +020070
71 animation-duration: 0.75s;
72 animation-name: loading-indicator;
73 animation-iteration-count: infinite;
74 animation-direction: alternate;
75}
76
77.num-posts-indicator.num-posts-indicator--first-post {
78 background-color: #BBDEFB;
79}
80
81.num-posts-indicator.num-posts-indicator--other-posts-read {
82 background-color: #FFE0B2;
83}
84
85.num-posts-indicator.num-posts-indicator--other-posts-unread {
86 color: white;
87 background-color: #F44336;
88}
89
90.num-posts-indicator .num-posts-indicator--num {
91 display: inline-block;
92 opacity: 1;
93 transition: opacity .5s;
94}
95
96.num-posts-indicator .num-posts-indicator--num.num-posts-indicator--num--loading {
97 opacity: 0;
avm99963129fb502020-08-28 05:18:53 +020098}