Trellofix userstyle

Userstyle-Trellofix.txt

@-moz-document domain("trello.com") {
/*
	Board view
*/

/* Hide unnecessary elements */
.body-board-view ._2eXs5ruz0QfFdH,										/* Trello logo */
.body-board-view .board-header-btn-name-org-logo,						/* Organization logo */
.body-board-view .board-header-btn-org-name,							/* Organization name */
.body-board-view .board-header-btn-divider,								/* Board header dividers */
.body-board-view .board-header-facepile,								/* Board header facepile */
.body-board-view .MEu8ZECLGMLeab,										/* Board list button text */
.body-board-view .perms-btn .board-header-btn-text,						/* Board visibility icon text */
.body-board-view .js-star-board,										/* Star button */
.body-board-view .mod-show-menu .board-header-btn-text,					/* Board visibility icon text */
.body-board-view .js-open-add-menu,										/* Add button */
.body-board-view .js-open-header-notifications-menu,					/* Notifications button */
.body-board-view .js-open-header-member-menu,							/* Profile button */
.body-board-view .js-board-header-subscribed,							/* Subscribe button */
.body-board-view .js-open-header-info-menu,								/* Information button */
.body-board-view .badge[title="You are subscribed to this card."],		/* Subscribed badge */
.body-board-view .badge[title="This card has a description."],			/* Description badge */
.body-board-view .badge[title="Comments"],								/* Comment count badge */
.body-board-view .badge[title="Attachments"],							/* Attachment count badge */
.body-board-view .badge[title="Checklist items"],						/* Checklist count badge */
.body-board-view .badge[title="Trello attachments"],					/* Attachment count badge */
.body-board-view .badge[title="You are watching this card."],			/* Watch status badge */
.body-board-view .js-plugin-badges										/* Plugin badges. They lag the necessary tags to disable individually. */
{
	display: none !important;
}

.body-board-view .board-header-btn-text
{
	padding-left: 5px;
}

/* Remove weird spacing below horizontal scrollbar */
#board
{
	margin-bottom: 0;
}

/* Increase horizontal scrollbar height */
#board::-webkit-scrollbar
{
	height: 18px;
}

/* Merge board header with the primary header */
.body-board-view #header
{
	padding: 5px;
}

.body-board-view .board-header
{
	position: fixed;
	top: 5px;
	left: 260px;
	z-index: 10;
	margin: 0;
	background-color: transparent;
	padding: 0;
}

@media only screen and (max-width: 750px)
{
	.body-board-view .board-header
	{
		left: 115px;
	}

	.body-board-view .board-header-btns.mod-left, .body-board-view .board-header-btns.mod-right > *:not(.mod-show-menu)
	{
		display: none;
	}
}

.body-board-view .header-boards
{
	padding-left: 0;
}

.body-board-view .header-boards .header-btn-text
{
	display: none;
}

.body-board-view .board-wrapper.is-show-menu .js-show-sidebar
{
	display: none;
}

.body-board-view #content
{
	margin-top: 10px;	
}

.body-board-view ._3Z6i0FBUukKNYK._3lNZ2kHB6DFEmU ._1CyMivLdH2a8dA
{
	width: 180px !important;
}

.body-board-view .board-header-btn-name
{
	max-width: calc(100vw - 410px);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.body-board-view #member-count
{
	margin-left: 5px;
}

.body-board-view #member-count:empty
{
	display: flex;
}

.body-board-view #member-count:empty::before
{
	content: "📃"
}

@media only screen and (max-width: 750px)
{
	.body-board-view .board-header-btn-name
	{
		 max-width: calc(100vw - 165px);
	}
}

/* Remove dark background gradient between the top parts of lists */
.body-board-view .board-canvas
{
	background: none;
}

/* Shift right-side buttons a bit to the left and insert board menu "..." button as the rightmost button */
.body-board-view .mod-show-menu
{
	position: fixed;
	left: calc(100vw - 40px);
}

.body-board-view .TMI28E0KnYSK9p
{
	margin-right: 34px;
}

/* Center lists */
.body-board-view #board
{
	text-align: center;
}

.body-board-view #board > *
{
	text-align: left;	
}

/* Tweak list headers */
.body-board-view .list-header-name
{
	text-align: center;
}

.body-board-view .list-header-num-cards:not(.hide) /* Remove the not() to always show list headers, when when not filtering cards. */
{
	display: block;
	text-align: center;
}

/* Minimize the size of the add list button */
.body-board-view .js-add-list.is-idle
{
	width: 30px !important;
	min-height: 30px;
	padding: 0;
}

.body-board-view .js-add-list .js-open-add-list .placeholder
{
	padding-left: 5px;
	padding-top: 5px;
	overflow-x: hidden;
	color: transparent;
}

/* Minimize the size of the add card button */
.body-board-view .open-card-composer
{
	padding-top: 5px;
	padding-bottom: 5px;
	color: transparent !important;
	text-align: center;
}

.body-board-view .js-add-another-card
{
	display: none;
}

/* Increase list width slightly */
.body-board-view #board .list-wrapper
{
	width: 285px;
}

/* Add drop shadow to cards */
.body-board-view .list-cards
{
	padding-top: 2px;
}

.body-board-view .list-card
{
	border-radius: 0;
	box-shadow: -2px 2px 2px #ccc;	
}

/* Reduce card spacing slightly */
.body-board-view .list-card-details
{
	padding-top: 8px;
	padding-bottom: 3px;
}

.body-board-view .list-card-labels .card-label
{
	margin-bottom: 0;
}

.body-board-view .list-card-details .list-card-members .member
{
	margin-bottom: 2px;
}

/* Let card avatars and badges wrap up to title line when space allows */
.body-board-view .list-card-title
{
	display: inline-block;
	max-width: 86%;
	margin-right: 5px;
}

.body-board-view .badges
{
	float: none;
	display: inline-block;
	vertical-align: top;
}

.body-board-view .badges .badge
{
	padding-top: 0;
}

/* Make labels on cards smaller, square and attached to card border */
.body-board-view .list-card-labels
{
	margin-left: -8px;
	margin-top: -8px;
	margin-bottom: 6px;
}

.body-board-view .list-card-labels .card-label
{
	min-width: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 0;
	margin-right: 0;
}

/* Make card avatars less round */
.body-board-view .list-card-details .list-card-members .member
{
	background-color: inherit;
}

.body-board-view .list-card-details .list-card-members .member-initials
{
	border-radius: 5px;
	background-color: #dfe3e6;
}

.body-board-view .list-card-details .list-card-members .member-avatar
{
	border-radius: 5px;
}

/*
	Card view
*/

/* Make open cards wider when resolution allows */
@media only screen and (min-width: 1200px)
{
	.body-board-view .window-overlay .window
	{
		width: 1050px;
	}

	.body-board-view .window-overlay .window .window-main-col
	{
		width: 830px;
	}
}

/* Hide redundant button for adding members next to the list of current members */
.body-board-view .card-detail-item-add-button.js-details-edit-members
{
	display: none;
}

/* Hide "Description" title */
.body-board-view .card-detail-item-header.js-show-with-desc
{
	display: none;
}

/* Hide small "Edit" text button above non-empty description field */
.body-board-view .card-detail-item-header-edit.js-show-with-desc.js-edit-desc
{
	display: none;
}

/* Hide redundant "Add an attachment" button under the list of attachments */
.body-board-view .quiet-button.js-attach
{
	display: none;
}

/* Reduce bottom spacing of attachments section */
.body-board-view .js-attachments-section
{
	margin-bottom: 0;
}

/* Expand comment boxes to full width even if they are shorter */
.body-board-view .action-comment
{
	display: block;
}
}