Как стилизовать список

Аватар пользователя alex-litvinov alex-litvinov 28 декабря 2020 в 11:28

Добрый день, захотел немного стилизовать views данных, есть поле со списком направлений занятий, как сделать что бы для каждого был свой цвет?

Комментарии

Аватар пользователя ivnish ivnish 28 декабря 2020 в 11:34

С помощью CSS. Если нет отдельных классов, можно воспользоваться порядковыми селекторами

Аватар пользователя ivnish ivnish 28 декабря 2020 в 13:07

У выбранного часто есть класс "active"

Давайте уже код вашего списка в студию, чтобы не гадать

Аватар пользователя alex-litvinov alex-litvinov 28 декабря 2020 в 15:41
<div class="view-content">
        <div class="views-row views-row-1 views-row-odd views-row-first">
     
  <div class="views-field views-field-field-naprav">        <div class="field-content">10:30 - Растяжка с подкачкой</div>  </div>  </div>
  <div class="views-row views-row-2 views-row-even">
     
  <div class="views-field views-field-field-naprav">        <div class="field-content">11:30 - Аэростретчинг</div>  </div>  </div>
  <div class="views-row views-row-3 views-row-odd">
     
  <div class="views-field views-field-field-naprav">        <div class="field-content">16:30 - Классическая растяжка</div>  </div>  </div>
  <div class="views-row views-row-4 views-row-even views-row-last">
     
  <div class="views-field views-field-field-naprav">        <div class="field-content">17:30 - Растяжка спина и осанка </div>  </div>  </div>
    </div>
Аватар пользователя VasyOK VasyOK 28 декабря 2020 в 16:54
.селектор_всей_вьюхи .views-row-1 {
 color: red;
}

.селектор_всей_вьюхи .views-row-2 {
 color: green;
}

так что-ли?

Аватар пользователя alex-litvinov alex-litvinov 29 декабря 2020 в 10:54

А в другом списке этот же элемента на 3 месте а не на втором.
Имеется ввиду что бы была возможность каждому элементу присвоить свой цвет при выборе и сохранении информации

Аватар пользователя VasyOK VasyOK 29 декабря 2020 в 13:54

Значит элементу нужно добавить класс выводимому элементу. Возможно шаблон поля вьюхи переписать. Могете?

Аватар пользователя marassa marassa 29 декабря 2020 в 17:39

alex-litvinov wrote: А в другом списке этот же элемент на 3 месте а не на втором.

А что является идентифицирующим признаком "этого же" элемента? Чисто и исключительно его текстовое содержимое? Тогда без говнокодинга никак...
PS Неужели эти строки не являются ссылками? Ну вот интересно мне стало что такое "Аэростретчинг" - я что, кликнув на Аэростретчинг, не получу описание этого занятия? Это зачем так?

Аватар пользователя marassa marassa 29 декабря 2020 в 18:30

А вообще самый правильный вариант конечно такой:
1. Добавить в тип материала/словарь "Направление занятий" поле Цвет.
2. Заполнить это поле для всех направлений желаемыми цветами.
2. Во вьюхе (вьюхах) перезаписать вывод поля naprav, добавив к div'у что-то типа
style="color:{{field_color}}"

Аватар пользователя VasyOK VasyOK 29 декабря 2020 в 23:48

а я вот не помню, в вьюхе такое сейчас можно делать? по-моему запретили

Аватар пользователя develmax develmax 30 декабря 2020 в 1:41

Можно переопределить поле и в нем добавить в класс термин таксономии или лучше id таксономии (поле Цвет ) class="{{taxonomy}}". Только не переводить словарь, чтобы подтягивало только латиницу. А уже в css прописать стили