blob: 5b35e1564a39c981758c92b0b25a0389da5ea8d7 [file] [log] [blame]
Adrià Vilanova Martíneza2f79512022-07-10 15:32:32 +02001@media (max-width: 700px) {
2 /*
3 * == THREAD LIST VIEW ==
4 **/
5
6 /* Hide work state label when thread row is collapsed */
7 ec-thread-summary .thread-summary:not(.expanded) .issue-tracking-work-state {
8 display: none!important;
9 }
10}
11
12@media (max-width: 599px) {
13 /*
14 * == THREAD LIST VIEW ==
15 **/
16
17 /* Squeeze all elements in each row */
18 ec-thread-summary .issue-tracking-work-state {
19 display: none!important;
20 }
21
avm99963d08c37e2022-09-25 20:41:58 +020022 /*
23 * IMPORTANT: Disabled temporarily since this breaks the interface in mobile
24 * and the fix will take a lot of time.
25 *
26 * This was broken by the recent update to the thtead list HTML.
27 **/
28 /*ec-thread-summary .title,
Adrià Vilanova Martíneza2f79512022-07-10 15:32:32 +020029 ec-thread-summary ec-second-summary-line .properties,
30 ec-thread-summary ec-second-summary-line ec-relative-time {
31 margin-inline-start: 0!important;
32 margin-inline-end: 8px!important;
33 }
34
35 ec-thread-summary ec-thread-counts,
36 ec-thread-summary ec-second-summary-line .icons {
37 width: auto!important;
38 }
39
40 ec-thread-list ec-bulk-actions {
41 padding-inline-start: 4px!important;
42 padding-inline-end: 0!important;
43 }
44
45 ec-thread-summary .panel {
46 padding-inline: 4px!important;
47 }
48
49 ec-thread-summary .panel > .main-header > .header.header {
50 padding-inline: 0!important;
51 }
52
avm99963d08c37e2022-09-25 20:41:58 +020053 body:not(.TWPT-threadlistavatars-enabled) ec-thread-summary div.header a.header-content {
Adrià Vilanova Martíneza2f79512022-07-10 15:32:32 +020054 width: calc(100% - 68px)!important;
55 }
56
avm99963d08c37e2022-09-25 20:41:58 +020057 body.TWPT-threadlistavatars-enabled ec-thread-summary div.header a.header-content {
Adrià Vilanova Martíneza2f79512022-07-10 15:32:32 +020058 width: calc(100% - 134px)!important;
59 }
60
61 .TWPT-avatars {
62 min-width: 62px!important;
63 margin-inline-start: 4px!important;
64 }
65
66 .TWPT-avatars .TWPT-avatar:first-child {
67 margin-inline-start: 2px!important;
68 }
69
70 .TWPT-avatars .TWPT-avatar,
71 .TWPT-avatars .TWPT-avatar-private-placeholder {
72 height: 22px!important;
73 width: 22px!important;
74 }
75
76 ec-thread-summary .header.header .checkbox {
77 min-width: 32px!important;
78 }
79
80 ec-thread-summary .header.header .checkbox material-checkbox {
81 margin: 8px 4px!important;
82 }
83
84 ec-thread-summary .header.header .star-button {
85 margin-inline-start: 0!important;
86 margin-inline-end: 4px!important;
87 }
88
89 ec-thread-summary .header.header .star-button .content {
90 padding: 8px 4px!important;
91 }
92
93 ec-thread-summary .action .expand-container {
94 padding-inline: 0!important;
95 }
96
97 ec-thread-summary .action .expand-container .expand-button {
98 width: 32px;
99 }
100
101 ec-thread-summary .action .expand-container .expand-button > .content {
102 padding: 8px 4px!important;
103 }
104
105 ec-thread-summary .thread-summary.expanded .main.main .content-wrapper {
106 margin: 0 12px 16px!important;
107 }
108
109 ec-thread-summary .thread-summary.expanded .main.main .content-wrapper > .content > .content {
110 padding-inline: 56px 30px!important;
111 padding-block: 0!important;
112 }
avm99963d08c37e2022-09-25 20:41:58 +0200113 */
Adrià Vilanova Martíneza2f79512022-07-10 15:32:32 +0200114}
115
116@media (min-width: 37.5rem) {
117 /*
118 * == THREAD VIEW ==
119 **/
120 .scTailwindThreadQuestionQuestioncardcontent {
121 padding: 2rem 3rem 1.5rem 3rem!important;
122 }
avm999635f5acdc2022-08-22 18:34:23 +0200123
124 /*
125 * == SIDEBAR ==
126 * Make the items more compact, like before, but only in large screens.
127 */
Adrià Vilanova Martínez33f27682022-09-29 22:43:38 +0200128 :is(ec-forum-drawer-item, ec-filter-drawer-item) material-list-item {
avm999635f5acdc2022-08-22 18:34:23 +0200129 height: 40px!important;
130 }
131
Adrià Vilanova Martínez33f27682022-09-29 22:43:38 +0200132 ec-filter-drawer-item material-list-item {
avm999635f5acdc2022-08-22 18:34:23 +0200133 line-height: 32px!important;
134 }
135
Adrià Vilanova Martínez33f27682022-09-29 22:43:38 +0200136 :is(ec-forum-drawer-item, ec-filter-drawer-item) material-menu > material-button > .content {
avm999635f5acdc2022-08-22 18:34:23 +0200137 padding: 8px!important;
138 }
139
140 ec-filter-drawer-item > material-menu {
141 top: 0!important;
142 }
Adrià Vilanova Martíneza2f79512022-07-10 15:32:32 +0200143}