blob: 5b35e1564a39c981758c92b0b25a0389da5ea8d7 [file] [log] [blame]
@media (max-width: 700px) {
/*
* == THREAD LIST VIEW ==
**/
/* Hide work state label when thread row is collapsed */
ec-thread-summary .thread-summary:not(.expanded) .issue-tracking-work-state {
display: none!important;
}
}
@media (max-width: 599px) {
/*
* == THREAD LIST VIEW ==
**/
/* Squeeze all elements in each row */
ec-thread-summary .issue-tracking-work-state {
display: none!important;
}
/*
* IMPORTANT: Disabled temporarily since this breaks the interface in mobile
* and the fix will take a lot of time.
*
* This was broken by the recent update to the thtead list HTML.
**/
/*ec-thread-summary .title,
ec-thread-summary ec-second-summary-line .properties,
ec-thread-summary ec-second-summary-line ec-relative-time {
margin-inline-start: 0!important;
margin-inline-end: 8px!important;
}
ec-thread-summary ec-thread-counts,
ec-thread-summary ec-second-summary-line .icons {
width: auto!important;
}
ec-thread-list ec-bulk-actions {
padding-inline-start: 4px!important;
padding-inline-end: 0!important;
}
ec-thread-summary .panel {
padding-inline: 4px!important;
}
ec-thread-summary .panel > .main-header > .header.header {
padding-inline: 0!important;
}
body:not(.TWPT-threadlistavatars-enabled) ec-thread-summary div.header a.header-content {
width: calc(100% - 68px)!important;
}
body.TWPT-threadlistavatars-enabled ec-thread-summary div.header a.header-content {
width: calc(100% - 134px)!important;
}
.TWPT-avatars {
min-width: 62px!important;
margin-inline-start: 4px!important;
}
.TWPT-avatars .TWPT-avatar:first-child {
margin-inline-start: 2px!important;
}
.TWPT-avatars .TWPT-avatar,
.TWPT-avatars .TWPT-avatar-private-placeholder {
height: 22px!important;
width: 22px!important;
}
ec-thread-summary .header.header .checkbox {
min-width: 32px!important;
}
ec-thread-summary .header.header .checkbox material-checkbox {
margin: 8px 4px!important;
}
ec-thread-summary .header.header .star-button {
margin-inline-start: 0!important;
margin-inline-end: 4px!important;
}
ec-thread-summary .header.header .star-button .content {
padding: 8px 4px!important;
}
ec-thread-summary .action .expand-container {
padding-inline: 0!important;
}
ec-thread-summary .action .expand-container .expand-button {
width: 32px;
}
ec-thread-summary .action .expand-container .expand-button > .content {
padding: 8px 4px!important;
}
ec-thread-summary .thread-summary.expanded .main.main .content-wrapper {
margin: 0 12px 16px!important;
}
ec-thread-summary .thread-summary.expanded .main.main .content-wrapper > .content > .content {
padding-inline: 56px 30px!important;
padding-block: 0!important;
}
*/
}
@media (min-width: 37.5rem) {
/*
* == THREAD VIEW ==
**/
.scTailwindThreadQuestionQuestioncardcontent {
padding: 2rem 3rem 1.5rem 3rem!important;
}
/*
* == SIDEBAR ==
* Make the items more compact, like before, but only in large screens.
*/
:is(ec-forum-drawer-item, ec-filter-drawer-item) material-list-item {
height: 40px!important;
}
ec-filter-drawer-item material-list-item {
line-height: 32px!important;
}
:is(ec-forum-drawer-item, ec-filter-drawer-item) material-menu > material-button > .content {
padding: 8px!important;
}
ec-filter-drawer-item > material-menu {
top: 0!important;
}
}