blob: a0c15e20019abd71136c6fc887f3450a6521f20d [file] [log] [blame]
Adrià Vilanova Martínez7e8796c2022-01-23 21:46:46 +01001.TWPT-extrainfo-container {
2 display: inline-flex;
3 color: var(--TWPT-interop-secondary-text, #444746)!important;
4 align-items: center;
5}
6
7.TWPT-extrainfo-badge-cell {
8 margin: 0 8px;
9 --icon-size: 14px;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +010010 opacity: 0.4;
Adrià Vilanova Martínez7e8796c2022-01-23 21:46:46 +010011}
12
13.TWPT-extrainfo-info-cell {
14 border-left: solid 1px var(--TWPT-interop-subtle-border, #ababab);
15 padding-left: 8px;
16 display: flex;
17 flex-direction: column;
18}
19
20.TWPT-extrainfo-info-cell > div:not(:last-child) {
21 margin-bottom: 2px;
22}
23
24/* Specific styles inside context */
25
26ec-unified-user .scTailwindUser_profileUsercardmain {
27 display: flex;
28 flex-direction: column;
29}
30
31ec-unified-user .TWPT-extrainfo-container {
32 margin-top: 16px;
33 align-self: end;
34}
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +010035
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +010036ec-question .TWPT-extrainfo-container,
37 ec-message .footer .TWPT-extrainfo-container {
38 color: var(--TWPT-secondary-text, #6c6c6c);
39}
40
41ec-question .TWPT-extrainfo-container {
42 font-size: 13px;
43 position: absolute;
44 bottom: 25px;
45 right: 48px;
46}
47
48ec-message .footer .TWPT-extrainfo-container {
49 margin-top: 8px;
50 font-size: 12px;
51}
52
53ec-message .footer .TWPT-extrainfo-badge-cell {
54 margin: 0 6px 0 0;
55 --icon-size: 12px;
56}
57
58ec-message .footer .TWPT-extrainfo-info-cell {
59 padding-left: 6px;
60}
61
62/* Special styles for good/bad labels */
63.TWPT-extrainfo-good {
64 color: var(--TWPT-good-text, green)!important;
65}
66
67.TWPT-extrainfo-warning {
68 color: var(--TWPT-warning-text, orange)!important;
69}
70
71.TWPT-extrainfo-bad {
72 color: var(--TWPT-bad-text, red)!important;
73}
74
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +010075/* Special tags components for canned responses */
76ec-canned-response-row .TWPT-tag {
77 background-color: transparent;
78 color: #474747;
79 margin: 0 0 0 4px;
80 border: 1px solid #ababab;
81 display: flex;
82 align-items: center;
83 border-radius: 16px;
84 height: 32px;
85 overflow: hidden;
86}
87
88ec-canned-response-row .TWPT-chip-content-container {
89 margin: 0 12px;
90 overflow: hidden;
91 white-space: nowrap;
92}
93
94ec-canned-response-row .TWPT-content {
95 overflow: hidden;
96 text-overflow: ellipsis;
97 display: flex;
98 align-items: center;
99}
100
101ec-canned-response-row .TWPT-content .TWPT-badge {
102 --icon-size: 14px;
103 margin-right: 6px;
104}
105
106ec-canned-response-row .TWPT-content span[aria-describedby] {
107 cursor: help;
108}