Проблемы с внешним видом таблицы в представлении

Главные вкладки

Аватар пользователя ThurisazSPb ThurisazSPb 5 июня в 10:37

Используются модули: Webform, Webform Views Integration, Views Aggregator Plus.
Создал представление с агрегацией вида COUNT(DISTINCT()) по ряду полей, оно успешно считает внесённые значения. Но количество столбцов в получившейся таблице вынуждает оную частично выходить за пределы оформления темы. В каком модуле или файле создавать класс CSS для этой таблицы, чтобы пристроить к ней overflow: scroll?

Комментарии

Аватар пользователя OldWarrior OldWarrior 5 июня в 12:58

Представление на стороне админки? Если да, то нужно написать собственный небольшой модуль, объявляющий и присоединяющий к выдаче кастомные CSS-библиотеки для админской темы. Поскольку напрямую править код админской темы будет плохой идеей.

Если представление на фронте сайта, то два сценария: если тема фронта кастомная/собственная, то просто добавить необходимые CSS-правила в глобальную (или отдельную библиотеку) этой темы, а если же тема фронта контрибная, то действовать так же, как описано в предыдущем параграфе выше - т.е. добавлять кастомные CSS-библиотеки через собственный модуль.

Короче, код контрибных тем оформления лучше не трогать - всё может перезаписаться при очередном обновлении.

Аватар пользователя ThurisazSPb ThurisazSPb 5 июня в 13:26

Фронта кастомная, сделана на основе Bootstrap Barrio. Думаю, куда втолкнуть класс CSS, объявляющий скроллинг и прочую мутню, какая потребуется...

Аватар пользователя OldWarrior OldWarrior 5 июня в 21:33

Ну ежели тема на фронте кастомная, то в CCS этой темы и добавьте нужные правила. Я как бы не пойму, в чём именно тогда проблема.

Если не знаете, где именно лежит .css файл, который нужно править - откройте файл *.libraries.yml в папке темы. В ней в какой-то из библиотек будет путь к нужному css-файлу, например:

...
css:
  theme:
    css/style.css: { }
...
Аватар пользователя marassa marassa 6 июня в 10:29

ThurisazSPb wrote:
Вот я туда и запихал, применил класс, кэш почистил - воз и ныне там. Что-то я упускаю...

Показали бы сайт уже - так можно вечно гадать что Вы упускаете.

Аватар пользователя OldWarrior OldWarrior 7 июня в 1:18

А инспектор в браузере что показывает? Там рядом со свойствами/правилами класса справа обычно имя CSS-файла отображается. А то может просто не тот файл правите. Только агрегацию/объединение CSS нужно отключить временно.

Кстати, есть же инспектор CSS-файлов, тоже такая отдельная вкладка в инспекторе. Там указываются все CSS-файлы.

PS. К слову, после правок CSS очистку кеша лучше производить полную, а не только CSS/JS.

Аватар пользователя OldWarrior OldWarrior 7 июня в 15:37

Скриншоты выше из FF. В Хроме в инспекторе тоже есть аналог:

А "весёлые названия" потому что включена агрегация CSS. Написал же выше, что нужно отключить, чтобы увидеть исходные имена файлов.

PS. Вот только не спрашивайте, где именно - в Друпале, в админке, в меню "Конфигурация", в подменю "Производительность", прокрутить экран до низа - находится включение/отключение агрегации/объединения JS/CSS.