MediaWiki:Common.css - История изменений

Admin: Установка темы Грядка

2026-05-13T09:34:05Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:34, 13 мая 2026
Строка 476:		Строка 476:
	=================================================================== */		=================================================================== */

	/* Планшеты и узкие десктопы: ужимаем баннер и сайдбар */		/* Планшеты и узкие десктопы: ужимаем баннер и сайдбар.
			Баннер 150px + 4px border = 154px суммарно, mw-head ставим на 153
			чтобы низ табов касался верха контента (как на десктопе с 200+3). */
	@media (max-width: 1024px) {		@media (max-width: 1024px) {
	body::before {		body::before {
	height: 150px;		height: 150px;
	}		}
	#mw-head { top: ~~150px~~ !important; }		#mw-head { top: 153px !important; }
	#mw-panel { top: ~~190px~~ !important; }		#mw-panel { top: 193px !important; }
	}		}

Admin: Установка темы Грядка

2026-05-13T09:31:59Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:31, 13 мая 2026
Строка 643:		Строка 643:
	#p-namespaces li a,		#p-namespaces li a,
	#p-views li a,		#p-views li a,
	#p-cactions li a {		#p-cactions li a,
			.vector-menu-tabs-legacy li a {
	padding: 0.25em 0.55em !important;		padding: 0.25em 0.55em !important;
	font-size: 0.78em !important;		font-size: 0.78em !important;
	line-height: 1.3 !important;		line-height: 1.3 !important;
	display: block !important;		display: block !important;
			height: auto !important;
			}
			/* Vector legacy ставит height:2.5em на сам контейнер вкладок — сбрасываем */
			.vector-menu-tabs-legacy,
			.vector-menu-tabs-legacy ul {
			height: auto !important;
			float: none !important;
	}		}
	/* Унифицируем размер всех табов и убираем гэп между группами */		/* Унифицируем размер всех табов и убираем гэп между группами */

Admin: Установка темы Грядка

2026-05-13T09:28:58Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:28, 13 мая 2026
Строка 570:		Строка 570:
	color: var(--bl-text) !important;		color: var(--bl-text) !important;
	text-decoration: none;		text-decoration: none;
	~~padding: 0.35em 0.7em !important;~~
	~~font-size: 0.85em;~~
	~~display: block;~~
	}		}
	#p-cactions li.selected {		#p-cactions li.selected {
Строка 645:		Строка 642:
	.vectorTabs li a,		.vectorTabs li a,
	#p-namespaces li a,		#p-namespaces li a,
	#p-views li a {		#p-views li a,
	padding: 0.~~35em~~ 0.~~7em~~ !important;		#p-cactions li a {
	font-size: 0.~~85em~~;		padding: 0.25em 0.55em !important;
	line-height: 1.4;		font-size: 0.78em !important;
			line-height: 1.3 !important;
			display: block !important;
			}
			/* Унифицируем размер всех табов и убираем гэп между группами */
			.vectorTabs li,
			#p-namespaces li,
			#p-views li,
			#p-cactions li {
			font-size: 1em !important;
			line-height: 1.3 !important;
			margin-right: 1px !important;
	}		}
			/* Гэп между namespace и view группами — минимальный */
			#left-navigation { margin-right: 4px !important; }
	/* Поиск — input и кнопка как inline-flex пара во всю ширину */		/* Поиск — input и кнопка как inline-flex пара во всю ширину */
	#p-search {		#p-search {

Admin: Установка темы Грядка

2026-05-13T09:26:01Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:26, 13 мая 2026
Строка 538:		Строка 538:
	position: static !important;		position: static !important;
	display: block !important;		display: block !important;
			visibility: visible !important;
			opacity: 1 !important;
			overflow: visible !important;
			height: auto !important;
	background: transparent !important;		background: transparent !important;
	border: none !important;		border: none !important;

Admin: Установка темы Грядка

2026-05-13T09:24:46Z

Установка темы Грядка

@@ Строка 522: / Строка 522: @@
 	   в flex шапки и могли быть переупорядочены через order. */
 	#right-navigation { display: contents !important; }
-	/* Порядок: 1) Войти 2) Поиск 3) namespace-табы | view-табы (в одном ряду) */
+	/* Порядок: 1) Войти 2) Поиск 3) namespace-табы | view-табы | overflow (в одном ряду) */
 	#p-personal       { order: 1 !important; width: 100% !important; }
 	#p-search         { order: 2 !important; width: 100% !important; }
 	#left-navigation  { order: 3 !important; width: auto !important; flex: 0 0 auto !important; }
 	#p-views          { order: 4 !important; width: auto !important; flex: 0 0 auto !important; }
-	#p-cactions       { order: 5 !important; width: auto !important; }
+	#p-cactions       { order: 5 !important; width: auto !important; flex: 0 0 auto !important; }
 	/* Сбрасываем абсолютку у ВСЕХ детей mw-head */
 	#mw-head *,

Admin: Установка темы Грядка

2026-05-13T09:22:41Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:22, 13 мая 2026
Строка 513:		Строка 513:
	flex: 0 0 auto;		flex: 0 0 auto;
	display: flex !important;		display: flex !important;
	flex-direction: ~~column~~ !important;		flex-direction: row !important;
	~~/* padding~~-~~x должен совпадать с margin контента (0.4em) — иначе табы сдвинуты вправо */~~		flex-wrap: wrap !important;
			align-items: flex-end;
	padding: 0.4em 0.4em 0 !important;		padding: 0.4em 0.4em 0 !important;
	box-sizing: border-box;		box-sizing: border-box;
Строка 521:		Строка 522:
	в flex шапки и могли быть переупорядочены через order. */		в flex шапки и могли быть переупорядочены через order. */
	#right-navigation { display: contents !important; }		#right-navigation { display: contents !important; }
	/* Порядок: 1) Войти 2) Поиск 3) namespace-табы 4) view-табы (~~приклеены к контенту~~) */		/* Порядок: 1) Войти 2) Поиск 3) namespace-табы \| view-табы (в одном ряду) */
	#p-personal { order: 1 !important; }		#p-personal { order: 1 !important; width: 100% !important; }
	#p-search { order: 2 !important; }		#p-search { order: 2 !important; width: 100% !important; }
	#left-navigation { order: 3 !important; }		#left-navigation { order: 3 !important; width: auto !important; flex: 0 0 auto !important; }
	#p-views { order: 4 !important; }		#p-views { order: 4 !important; width: auto !important; flex: 0 0 auto !important; }
	#p-cactions { order: 5 !important; }		#p-cactions { order: 5 !important; width: auto !important; }
	/* Сбрасываем абсолютку у ВСЕХ детей mw-head */		/* Сбрасываем абсолютку у ВСЕХ детей mw-head */
	#mw-head *,		#mw-head *,
Строка 703:		Строка 704:
	transform: none !important;		transform: none !important;
	}		}
	/* ~~На мобиле «приклеивающий» эффект применяем ТОЛЬКО к последней группе табов (p-views).~~		/* Все табы в одном ряду — обнуляем margin-bottom, приклеивание через z-index и cream border */
	~~Первой группе (p~~-~~namespaces~~, ~~в left-navigation) убираем~~ -~~1px~~ и ~~кремовый бордер.~~ */
	#left-navigation .vectorTabs li,		#left-navigation .vectorTabs li,
	#left-navigation #p-namespaces li {		#left-navigation #p-namespaces li,
			#p-views li {
	margin-bottom: 0 !important;		margin-bottom: 0 !important;
	}		}
	~~#left-navigation .vectorTabs li.selected,~~		/* Сами контейнеры табов перекрывают верхний бордер контента на 1px */
	#left-navigation ~~#p-namespaces li.selected {~~		#left-navigation,
	~~border-bottom: 1px solid var(--bl-border) !important;~~
	}
	~~/* Последняя группа табов (p-views) — приклеена к контенту */~~
	#p-views {		#p-views {
	margin-bottom: -1px !important;		margin-bottom: -1px !important;
	position: relative;		position: relative;
	z-index: 2;		z-index: 2;
			}
			/* Выбранный таб любой группы имеет кремовый bottom-border чтобы скрыть бордер контента */
			#left-navigation li.selected,
			#p-views li.selected {
			border-bottom: 1px solid var(--bl-content-bg) !important;
	}		}
	/* Футер: ссылки в столбик */		/* Футер: ссылки в столбик */

Admin: Установка темы Грядка

2026-05-13T09:20:25Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:20, 13 мая 2026
Строка 514:		Строка 514:
	display: flex !important;		display: flex !important;
	flex-direction: column !important;		flex-direction: column !important;
	padding: 0.4em 0.~~6em~~ 0 !important; ~~/* нет паддинга снизу — приклеиваем к контенту */~~		/* padding-x должен совпадать с margin контента (0.4em) — иначе табы сдвинуты вправо */
			padding: 0.4em 0.4em 0 !important;
	box-sizing: border-box;		box-sizing: border-box;
	}		}
Строка 694:		Строка 695:
	margin: 0 0.4em 0.4em 0.4em !important; /* нет верхнего margin — таб/поиск прижимаются */		margin: 0 0.4em 0.4em 0.4em !important; /* нет верхнего margin — таб/поиск прижимаются */
	}		}
	/* Поиск НЕ приклеивается (он теперь вверху); ~~добавим ему~~ отступ ~~снизу~~ */		/* Поиск НЕ приклеивается (он теперь вверху); небольшой отступ до табов */
	#p-search {		#p-search {
	margin-bottom: 0.~~5em~~ !important;		margin-bottom: 0.3em !important;
	}		}
	/* Сбрасываем десктопный сдвиг — на мобиле он криво алайнит. */		/* Сбрасываем десктопный сдвиг — на мобиле он криво алайнит. */

Admin: Установка темы Грядка

2026-05-13T09:16:06Z

Установка темы Грядка

@@ Строка 698: / Строка 698: @@
 		margin-bottom: 0.5em !important;
+	}
-	/* Последняя группа табов приклеена к контенту */
+	/* Сбрасываем десктопный сдвиг — на мобиле он криво алайнит. */
 	#p-views {
 		margin-bottom: -1px !important;
+	}
 	/* Футер: ссылки в столбик */

Admin: Установка темы Грядка

2026-05-13T09:13:22Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:13, 13 мая 2026
Строка 539:		Строка 539:
	float: none !important;		float: none !important;
	}		}
	#left~~-navigation,~~		#left-navigation {
	~~#right~~-navigation {
	display: block !important;		display: block !important;
	width: 100%;		width: 100%;
Строка 562:		Строка 561:
	}		}
	/* Все табы (namespace + views) — в одну строку, одинаковый стиль */		/* Все табы (namespace + views) — в одну строку, одинаковый стиль */
	#left~~-navigation,~~		#left-navigation {
	~~#right~~-navigation {
	display: block !important;		display: block !important;
	}		}

Admin: Установка темы Грядка

2026-05-13T09:12:15Z

Установка темы Грядка

← Предыдущая версия		Версия от 12:12, 13 мая 2026
Строка 517:		Строка 517:
	box-sizing: border-box;		box-sizing: border-box;
	}		}
	/* ~~Порядок элементов~~ в ~~шапке на мобиле~~:		/* Распрямляем #right-navigation чтобы его дети (p-views, p-search) попали
	1) Войти 2) Поиск 3) namespace-табы 4) view-табы ~~— последние приклеиваются~~ к контенту */		в flex шапки и могли быть переупорядочены через order. */
	#p-personal { order: 1; }		#right-navigation { display: contents !important; }
	#p-search { order: 2; }		/* Порядок: 1) Войти 2) Поиск 3) namespace-табы 4) view-табы (приклеены к контенту) */
	#left-navigation { order: 3; }		#p-personal { order: 1 !important; }
	#~~right~~-~~navigation~~ { order: 4; }		#p-search { order: 2 !important; }
			#left-navigation { order: 3 !important; }
			#p-views { order: 4 !important; }
			#p-cactions { order: 5 !important; }
	/* Сбрасываем абсолютку у ВСЕХ детей mw-head */		/* Сбрасываем абсолютку у ВСЕХ детей mw-head */
	#mw-head *,		#mw-head *,
Строка 697:		Строка 700:
	margin-bottom: 0.5em !important;		margin-bottom: 0.5em !important;
	}		}
	/* ~~Зато последний таб (#right-navigation) приклеиваем~~ к контенту */		/* Последняя группа табов приклеена к контенту */
	#~~right~~-~~navigation~~ {		#p-views {
	margin-bottom: -1px !important;		margin-bottom: -1px !important;
	}		}