Шаблон:RulesBox: различия между версиями

Версия от 01:32, 22 июля 2024

{{{title}}}

{{{content}}}

{{{title-addition}}}

{{{content-addition}}}

@@ Строка 9: / Строка 9: @@
 	</div>
 </div>
 <!-- Не изменяемый CSS -->
 <div class="customCSS" style="display:none">
@@ Строка 35: / Строка 34: @@
 .rules__title--addition {
 	font-size: 1em;
+	display: flex;
+	align-items: center;
 }
-.rules__content--addition,
 .rules__content {
 	margin-top: 10px;
@@ Строка 42: / Строка 42: @@
 .rules__container--addition {
 	position: absolute;
+	display: flex;
+	flex-direction: column;
+	max-height: 90%;
 	top: 0;
 	right: 0;
-	width: 20%;
+	width: min(35%, 300px);
 	padding: 12px;
 	border-radius: 0.3em;
@@ Строка 54: / Строка 57: @@
 	background-color: #33333b;
 }
+.rules__content--addition {
+	flex-grow: 1;
+	overflow-y: auto;
+	margin-top: 10px;
+}
+.mw-collapsible-toggle {
+	position: absolute;
+	top: 12px;
+	right: 12px;
+}
 /* Адаптивные стили для мобильных устройств */
 @media (max-width: 700px) {
@@ Строка 62: / Строка 74: @@
 	.rules__container--addition {
 		position: static;
+		display: block;
 		box-sizing: border-box;
 		width: 100%;
 		border-left: none;
 		box-shadow: none;
-		margin-top: 10px;
+		margin-top: 20px;
 	}
 	.rules__container--addition:hover {
 		background-color: #33333b;
+	}
+	.mw-collapsible-toggle {
+		position: static;
+		top: 12px;
+		right: 12px;
 	}
 }
 </div>