Compact Discussions by ayaaop

/* ==UserStyle==
@name       Compact Discussions
@version    20241013.19.49
@namespace  ?
==/UserStyle== */

@-moz-document domain("fandom.com") {
/*Overall fixes */
.post-body p:has(br):last-of-type,.reply__body p:has(br):last-of-type {
	display:none;
}
.home-page-desktop__left,.wiki-top-articles {
	display:none;
}
.categories-module {
	margin-top:0;
}
.home-page-desktop {
	grid-gap: 10px;
	display: grid;
	grid-template-areas: " . . main main main main main main main right right right";
	grid-template-columns: repeat(12,1fr);
	margin-top: 12px;
}

.post-details-desktop__right,.post-details-desktop__main {
	padding:36px 26px;
}
.aside-feed .embedded-feed__header-wrapper {
	margin-bottom:18px;
}

/* Reasonable image size */
.post__image-wrapper {
	max-width: 60%;
	height: auto!important;
	text-align: center;
	margin: .5rem auto;
}
.post__image-wrapper img {
	width: 100%!important;
	height: auto!important;
	object-fit: contain;
}
.post__image-wrapper:has( + p br) {
	margin-bottom: .5rem;
}

.post__image-wrapper:has( + .post__image-wrapper),
.post__image-wrapper + .post__image-wrapper {
	margin: 0 0 .5rem;
	width: calc(33% - .25rem);
	display: inline-block;
	margin-right: .5rem;
	vertical-align: top;
}

.post__image-wrapper + p:has(br) {
	display: none;
}

/* Image Polls */
.image-poll__gradient-wrapper,
.image-poll__image-wrapper::after {
	display: none;
}
.image-poll__answers {
	display: block;
}
.image-poll__answer:not(:last-of-type) {
	margin-bottom: .5rem;
}
.image-poll__answer {
	display: Flex;
	text-align: unset;
	align-items: center;
}
.image-poll__image-wrapper {
	height: 5rem;
	width: calc(5rem + 1px);
	padding: 0;
	border-right:1px solid var(--webeditor-border-color)
}
.image-poll__image,
.image-poll__text {
	position: static;
	font-size: inherit;
}
.image-poll__text {
	padding-left: .75rem;
}

/* Make all embeds horizontal */
.post__og--large .post__og-data-wrapper {
	flex-direction: row;
	align-items: unset;
}
.post__og-video-wrapper {
	padding:0;
	height:unset;
}
.post__og--large .post__og-image-container, .post__og--large .post__og-video-wrapper {
	border-right: 1px solid var(--webeditor-border-color);
	border-bottom:0;
}
.post__og-play-button {
	height:60px!important;
	width:60px!important
}
.post__og-video, .post__og-video-thumbnail {
	position: static;
	flex: 1;
}
.post__og-video-wrapper .post__og-image {
	width:175px;
	height:auto;
}
.post__og--video .post__og-details {
	height:100%;
}

/* Since preformatted style is rarely used for code in communities and is instead used as a quote, apply quote-like styles */
.entity-content pre {
    background-color: var(--theme-page-background-color);
	border:1px solid var(--theme-border-color);
    border-left: .5rem solid var(--theme-accent-color);
    padding: .75rem 1rem;
    margin: .5rem 0 1rem;
	font-family:'rubik',sans-serif;
    color: var(--theme-page-text-color);
    font-size: 1rem;
    line-height: 1.5;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-radius: 4px;
	font-style:italic;
	
	code {
		font-family:'Rubik',sans-serif;
		padding:0;
		background:none;
	}
}
}