MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 376: / Line 376: @@
 }
-.wizlords-toc-only-heading + .wizlords-collapsible-section {
+.wizlords-toc-only-heading + .wizlords-collapsible-section,
+.wizlords-collapsible-section + .wizlords-collapsible-section {
 	margin-top: 10px;
 }
-.wizlords-collapsible-section:has(+ .wizlords-toc-only-heading) {
+.wizlords-collapsible-section:has(+ .wizlords-toc-only-heading),
+.wizlords-collapsible-section:has(+ .wizlords-collapsible-section) {
 	margin-bottom: 10px;
 }
@@ Line 3,211: / Line 3,213: @@
 /* Reusable expandable lore profiles for houses, duchies, and similar groups. */
 .wizlords-lore-profile-mobile-icon { display: none; }
-.wizlords-lore-profile > .mw-collapsible-content { display: flow-root; }
+.wizlords-lore-profile > .mw-collapsible-content {
+	display: block;
+	clear: both;
+}
 .wizlords-lore-profile-symbol { margin-top: 8px; }
 @media (max-width: 599px) {
@@ Line 3,315: / Line 3,320: @@
 	.wizlords-lore-profile .wizlords-lore-profile-symbol { display: none; }
 }
-.wizlords-lore-profile .wizlords-collapsible-section-bottom-toggle {
+.wizlords-lore-collapse {
 	clear: both;
-	float: none;
-	display: flex;
-	justify-content: flex-end;
-	width: 100%;
-	max-width: none;
-	box-sizing: border-box;
-	margin: 12px 0 0;
-	padding: 0;
-	text-align: right;
 }
-.wizlords-lore-profile .wizlords-collapsible-section-bottom-toggle > p {
-	width: auto;
+/* Lore cards reuse the class-card chevron and bottom section-collapse arrow. */
-	max-width: none;
+@media (max-width: 599px) {
-	margin: 0;
+	.wizlords-lore-profile > .mw-collapsible-toggle {
-	padding: 0;
+		display: none !important;
-	text-align: right;
+	}
+	.wizlords-lore-profile .wizlords-lore-profile-name {
+		position: relative;
+		padding-left: 18px;
+	}
+	.wizlords-lore-profile .wizlords-lore-profile-name::before {
+		content: "";
+		position: absolute;
+		top: calc(50% - 4px);
+		left: 1px;
+		width: 7px;
+		height: 7px;
+		border-right: 2px solid var(--wiz-heading, #e7e1d4);
+		border-bottom: 2px solid var(--wiz-heading, #e7e1d4);
+		transform: translateY(-65%) rotate(45deg);
+		transform-origin: 50% 50%;
+	}
+	.wizlords-lore-profile:not(.mw-collapsed) .wizlords-lore-profile-name::before {
+		content: "";
+		transform: translateY(-35%) rotate(225deg);
+	}
+	.wizlords-lore-profile .wizlords-lore-collapse {
+		position: relative;
+		min-height: 28px;
+		font-size: 0;
+		line-height: 1;
+		color: transparent !important;
+		cursor: pointer;
+	}
+	.wizlords-lore-profile .wizlords-lore-collapse span {
+		font-size: 0;
+		color: transparent !important;
+	}
+	.wizlords-lore-profile .wizlords-lore-collapse::after {
+		content: "";
+		position: absolute;
+		right: 4px;
+		bottom: 6px;
+		width: 10px;
+		height: 10px;
+		border-right: 2px solid var(--wiz-text, #d2d2d2);
+		border-bottom: 2px solid var(--wiz-text, #d2d2d2);
+		transform: rotate(225deg);
+	}
+}
+/* Lore cards draw one chevron beside the name, not on Citizen's full header. */
+@media (max-width: 599px) {
+	.skin-citizen .wizlords-lore-profile > .wizlords-collapsible-section-title {
+		padding-left: 0;
+		padding-right: 0;
+	}
+	.skin-citizen .wizlords-lore-profile > .wizlords-collapsible-section-title::before {
+		content: none !important;
+		display: none !important;
+	}
+}
+@media (max-width: 599px) {
+	.wizlords-lore-profile-mobile-icon { cursor: pointer; }
 }