max_ronzhin/vidconf
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(admin): таблица конференций вылезала за экран на мобильном

Browse Source 
На мобильном в таблице остаются только колонки «Конференция» и
«Владелец» — название конференции с номером стало кнопкой, открывающей
то же окно редактирования, что и карандаш в скрытой на мобильном колонке
действий. Туда же добавлена кнопка «Удалить» (с подтверждением) — раньше
удаление было доступно только из строки таблицы, которая на мобильном
теперь скрыта.
This commit is contained in:
Ронжин Максим
2026-07-26 04:32:27 +03:00
parent 6813464e92
commit a04ae3152f
3 changed files with 112 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/styles/admin.css
View File

@@ -30,6 +30,16 @@
.admin-page .users-table td:not(:first-child) {
display: none;
}
/* Таблица «Конференции» — оставляем «Конференция» и «Владелец», статус/
тип/начало/действия скрыты; клик по названию (.conf-cell-name) открывает
то же редактирование, что раньше было доступно только через карандаш в
скрытой колонке действий — там же теперь есть и удаление (см. кнопку
«Удалить» в EditConferenceModal). */
.admin-page .conferences-table th:not(:nth-child(-n+2)),
.admin-page .conferences-table td:not(:nth-child(-n+2)) {
display: none;
}
}
.admin-page .section-tab { padding: 10px 4px; margin-right: var(--space-6); background: none; border: none; border-bottom: 2px solid transparent; font: var(--text-body-lg); font-weight: 600; color: var(--color-ink-500); cursor: pointer; }
.admin-page .section-tab:hover { color: var(--color-ink-900); }
@@ -81,6 +91,14 @@
.admin-page .user-cell-name { background: none; border: none; padding: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; }
.admin-page .user-cell-name:hover { text-decoration: underline; color: var(--color-ink-700); }
/* Название конференции с №, оформленное кнопкой — открывает то же
редактирование, что и карандаш в row-actions правее (см.
AdminConferencesTab). На мобильном (.conferences-table ниже) это
единственный вход в редактирование строки, на десктопе — просто более
крупная область клика поверх уже существующей иконки. */
.admin-page .conf-cell-name { background: none; border: none; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; display: block; width: 100%; }
.admin-page .conf-cell-name:hover { color: var(--color-ink-700); }
.admin-page select { font: var(--text-body); color: var(--color-ink-900); padding: 6px 10px; border-radius: var(--radius-md); border: 1px solid var(--color-border); background: var(--color-surface); font-family: var(--font-body); }
.admin-page select:disabled { opacity: .5; cursor: not-allowed; }
.admin-page select:focus { outline: none; border-color: var(--color-focus-ring); }