Gitiles
Code Review Sign In
gerrit.avm99963.com / infinitegforums / ab79727496482887b6c7e9bbf2fc829ce617dfd6 / . / src / static / css / extrainfo.css
blob: ff08fe7ee1f5bf24874ead27ce246ec089e8e824 [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ínez80f1c732023-11-16 00:52:56 +0100[diff] [blame]59 sc-tailwind-thread-message-comment-card .TWPT-extrainfo-chip,
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]60 ec-thread-summary .main .toolbelt .TWPT-extrainfo-chip {
61 height: 30px;
62 font-size: 12px;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]63 color: var(--TWPT-secondary-text, #6c6c6c);
64}
65
Adrià Vilanova Martínez854cb912022-02-02 16:18:23 +0100[diff] [blame]66ec-thread-summary .main .toolbelt .TWPT-extrainfo-container {
67 margin-inline-start: 115px;
68 margin-bottom: 16px;
Adrià Vilanova Martínez854cb912022-02-02 16:18:23 +0100[diff] [blame]69}
70
Adrià Vilanova Martínez4b0f3ea2023-11-15 23:59:10 +0100[diff] [blame]71/* This overrides the CC styles */
Adrià Vilanova Martínez5d0a12e2022-02-07 23:19:47 +0100[diff] [blame]72ec-thread-summary .author-line .removed-label {
73 width: auto!important;
74 min-width: 72px!important;
75}
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]76
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]77/* Special styles for good/bad labels */
78.TWPT-extrainfo-good {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]79 color: var(--TWPT-good-text-lightbg, #198639)!important;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]80}
81
82.TWPT-extrainfo-warning {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]83 color: var(--TWPT-warning-text-lightbg, orange)!important;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]84}
85
86.TWPT-extrainfo-bad {
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]87 color: var(--TWPT-bad-text-lightbg, #d50000)!important;
Adrià Vilanova Martínez6e4a68d2022-01-24 21:44:32 +0100[diff] [blame]88}
89
Adrià Vilanova Martínez74a25202022-01-23 23:36:58 +0100[diff] [blame]90
Adrià Vilanova Martínez09b3bdb2022-02-05 00:15:05 +0100[diff] [blame]91/* Special component for the thread list statuses */
Adrià Vilanova Martínez854cb912022-02-02 16:18:23 +0100[diff] [blame]92ec-thread-summary .header-content .TWPT-label {
93 display: flex;
94 align-items: center;
95 padding-inline-end: 10px;
96 font-weight: 500;
97}
98
99ec-thread-summary .header-content .TWPT-label .TWPT-badge {
100 --icon-size: 9.5px;
101 margin-right: 2px;
102}