Gitiles
Code Review Sign In
gerrit.avm99963.com / infinitegforums / 4b0f3eaa913c3139ed61f5fe4d62d9a83983222a / . / src / static / css / extrainfo.css
blob: de9d3616a5e0429c5dc735424c215369fd6d7cff [file] [log] [blame]
Adrià Vilanova Martínez7e8796c2022-01-23 21:46:46 +0100[diff] [blame]1.TWPT-extrainfo-container {
Adrià Vilanova Martínez7e8796c2022-01-23 21:46:46 +0100[diff] [blame]2 display: flex;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]3 align-items: center;
4 flex-wrap: wrap;
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]5 gap: 0.25rem;
Adrià Vilanova Martínez7e8796c2022-01-23 21:46:46 +0100[diff] [blame]6}
7
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]8.TWPT-extrainfo-chip {
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]9 color: #444746;
10 font-family: "Google Sans Text", "Roboto", "Arial", sans-serif;
11 font-size: .875rem;
12 line-height: 1.25rem;
13 letter-spacing: .018em;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]14
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]15 height: 2rem;
16 border: 1px solid #ababab;
17 border-radius: 8rem;
18 padding-inline-start: 0.5rem;
19 padding-inline-end: 0.75rem;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]20
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]21 display: flex;
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]22 justify-content: flex-start;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]23 align-items: center;
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]24 gap: 0.375rem;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]25}
26
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]27.TWPT-extrainfo-chip .TWPT-badge {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]28 --icon-size: 14px;
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]29}
30
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]31.TWPT-extrainfo-chip span[aria-describedby] {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]32 cursor: help;
33}
34
35
Adrià Vilanova Martínez7e8796c2022-01-23 21:46:46 +0100[diff] [blame]36/* Specific styles inside context */
37
38ec-unified-user .scTailwindUser_profileUsercardmain {
39 display: flex;
40 flex-direction: column;
41}
42
43ec-unified-user .TWPT-extrainfo-container {
44 margin-top: 16px;
45 align-self: end;
46}
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +0100[diff] [blame]47
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]48/* This overrides the CC styles */
49sc-tailwind-thread-question-state-chips .scTailwindThreadQuestionStatechipsroot {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]50 align-items: center;
51 flex-wrap: wrap;
52}
53
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]54sc-tailwind-thread-question-state-chips .TWPT-extrainfo-chip {
55 font-weight: 500;
56}
57
58sc-tailwind-thread-message-message-card .TWPT-extrainfo-chip,
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]59 ec-thread-summary .main .toolbelt .TWPT-extrainfo-chip {
60 height: 30px;
61 font-size: 12px;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]62 color: var(--TWPT-secondary-text, #6c6c6c);
63}
64
Adrià Vilanova Martínez854cb912022-02-02 16:18:23 +0100[diff] [blame]65ec-thread-summary .main .toolbelt .TWPT-extrainfo-container {
66 margin-inline-start: 115px;
67 margin-bottom: 16px;
Adrià Vilanova Martínez854cb912022-02-02 16:18:23 +0100[diff] [blame]68}
69
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame^]70/* This overrides the CC styles */
Adrià Vilanova Martínez5d0a12e2022-02-07 23:19:47 +0100[diff] [blame]71ec-thread-summary .author-line .removed-label {
72 width: auto!important;
73 min-width: 72px!important;
74}
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]75
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]76/* Special styles for good/bad labels */
77.TWPT-extrainfo-good {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]78 color: var(--TWPT-good-text-lightbg, #198639)!important;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]79}
80
81.TWPT-extrainfo-warning {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]82 color: var(--TWPT-warning-text-lightbg, orange)!important;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]83}
84
85.TWPT-extrainfo-bad {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]86 color: var(--TWPT-bad-text-lightbg, #d50000)!important;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]87}
88
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +0100[diff] [blame]89
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]90/* Special component for the thread list statuses */
Adrià Vilanova Martínez854cb912022-02-02 16:18:23 +0100[diff] [blame]91ec-thread-summary .header-content .TWPT-label {
92 display: flex;
93 align-items: center;
94 padding-inline-end: 10px;
95 font-weight: 500;
96}
97
98ec-thread-summary .header-content .TWPT-label .TWPT-badge {
99 --icon-size: 9.5px;
100 margin-right: 2px;
101}