Шаблон:ТаблицаРолей.Тест: различия между версиями

← Предыдущая правка Следующая правка →

ВизуальныйВики-текст

Версия от 18:59, 23 июня 2026

Название

Какое-то содержание

Как использовать шаблон "ТаблицаРолей"

Это шаблон для отображения ролей в красивой рамке.

@@ Строка 1: / Строка 1: @@
-<templatestyles src="Шаблон:ТаблицаРолей/styles.css" />
+<div class="RoleTable-card" style="display: inline-flex; flex-direction: column; max-width: 100%; min-width: 300px; width: 100%; margin: 0.5em 0 5px 0; padding: 2px; border-radius: 6px; box-sizing: border-box; border: 1px solid {{{Цвет_карточки|#465298}}};">
-<div class="RoleTable-card" style="border: 1px solid {{{Цвет_карточки|#465298}}};">
+     <div class="RoleTable-card_header" style="border-radius: 3px; text-align: center; cursor: pointer; background-color: {{{Цвет_заголовка|#465298}}};">
-     <div class="RoleTable-card_header" style="background-color: {{{Цвет_заголовка|#465298}}};">
+         <div class="RoleTable-card_header_title" style="display: flex; justify-content: space-between; align-items: center; text-align: left; margin: 0 6px; padding: 3px 0;">
-         <div class="RoleTable-card_header_title">
+             {{#if:{{{Иконка|}}}|<div class="RoleTable-header_icon" style="flex: 0 0 32px;">[[Файл:{{{Иконка|Cmd dep.png}}}|32px]]</div>}}
-             {{#if:{{{Иконка|}}}|<div class="RoleTable-header_icon">[[Файл:{{{Иконка|Cmd dep.png}}}|32px]]</div>}}
+             <h3 class="RoleTable-card_title" style="margin: 6px 0; color: white; font-size: 15px; text-align: center; flex-grow: 1;">
-             <h3 class="RoleTable-card_title">
+                 {{#if: {{{Ссылка|}}}|[[{{{Ссылка}}}|<span style="color: white;">{{{Название|Название}}}</span>]]|{{{Название|Название}}}}}
-                 {{#if: {{{Ссылка|}}}|[[{{{Ссылка}}}|{{{Название|Название}}}]]|{{{Название|Название}}}}}
              </h3>
-             {{#if:{{{Иконка|}}}|<div class="RoleTable-header_icon">[[Файл:{{{Иконка|Cmd dep.png}}}|32px]]</div>}}
+             {{#if:{{{Иконка|}}}|<div class="RoleTable-header_icon" style="flex: 0 0 32px;">[[Файл:{{{Иконка|Cmd dep.png}}}|32px]]</div>}}
          </div>
      </div>
-     <div class="RoleTable-card_content">
+     <div class="RoleTable-card_content" style="margin-top: 3px; width: 100%;">
-         <div class="RoleTable-content_main" style="background-color: {{{Цвет_карточки|#465298}}}47; border: 1px solid {{{Цвет_карточки|#465298}}}57;">
+        <!-- Тот самый рабочий Flexbox-контейнер, который выравнивает остатки по центру -->
-            {{{Содержание|Какое-то содержание}}}
+         <div class="RoleTable-content_main" style="padding: 8px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; border-radius: 3px; width: 100%; box-sizing: border-box; background-color: {{{Цвет_карточки|#465298}}}47; border: 1px solid {{{Цвет_карточки|#465298}}}57;">
+{{{Содержание|Какое-то содержание}}}
          </div>
-        {{#if:{{{Глава|}}}{{{Связь|}}}{{{Руководства|}}}|
+{{#if:{{{Глава|}}}{{{Связь|}}}{{{Руководства|}}}
-         <div class="RoleTable-content_secondary">
+         |<div class="RoleTable-content_secondary" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; margin-top: 3px; width: 100%; box-sizing: border-box;">
-             {{#if:{{{Глава|}}}{{{Связь|}}}|
+             {{#if:{{{Глава|}}}{{{Связь|}}}
-             <div class="RoleTable-content_block RoleTable-special_block" style="background-color: {{{Цвет_карточки|#465298}}}46; border: 1px solid {{{Цвет_карточки|#465298}}}57;">
-                 <div class="RoleTable-block_title">Особое</div>
+             |<div class="RoleTable-content_block RoleTable-special_block" style="border-radius: 3px; padding: 5px; min-width: 0; box-sizing: border-box; background-color: {{{Цвет_карточки|#465298}}}46; border: 1px solid {{{Цвет_карточки|#465298}}}57;">
-                 <div class="RoleTable-block_content">
+                 <div class="RoleTable-block_title" style="font-weight: bold;"><b>Особое</b></div>
-                    {{#if:{{{Глава|}}}|Глава отдела: [[{{{Глава|Директор Комплекса}}}]]<br>}}
+                 <div class="RoleTable-block_content" style="padding: 2px 0;">
-                    {{#if:{{{Связь|}}}|Канал отдела: [[Коммуникация|{{{Связь|:а}}}]]}}
+{{#if:{{{Глава|}}}|Глава отдела: [[{{{Глава|Директор Комплекса}}}]] <br>}}
+{{#if:{{{Связь|}}}|Канал отдела: [[Коммуникация|{{{Связь|:а}}}]]}}
                  </div>
              </div>
-            }}
+}}
-            {{#if:{{{Руководства|}}}|
+{{#if:{{{Руководства|}}}
-             <div class="RoleTable-content_block RoleTable-guides_block" style="background-color: {{{Цвет_карточки|#465298}}}46; border: 1px solid {{{Цвет_карточки|#465298}}}57;">
-                 <div class="RoleTable-block_title">Руководства</div>
+             |<div class="RoleTable-content_block RoleTable-guides_block" style="border-radius: 3px; padding: 5px; min-width: 0; box-sizing: border-box; background-color: {{{Цвет_карчеки|#465298}}}46; border: 1px solid {{{Цвет_карточки|465298}}}57;">
-                 <div class="RoleTable-block_content">
+                 <div class="RoleTable-block_title" style="font-weight: bold;"><b>Руководства</b></div>
-                    {{{Руководства|[[Правовой кодекс]] • [[Протоколы эвакуации]]}}}
+                 <div class="RoleTable-block_content" style="padding: 2px 0;">
+{{{Руководства|[[Правовой кодекс]] • [[Протоколы эвакуации]]}}}
                  </div>
              </div>
-            }}
+ }}
          </div>
-        }}
+}}
      </div>
-</div><noinclude>
+</div>
-__NOTOC__
+<noinclude>__NOTOC__==Как использовать шаблон "ТаблицаРолей"==
-==Как использовать шаблон "ТаблицаРолей"==
 Это шаблон для отображения ролей в красивой рамке.
 </noinclude>