MintJoomlaMintJoomla

Дополнительный фильтр поиска

Question Question | Reviewed Reviewed | Cobalt 8 | Просмотров: 725 | Комментарии: 12 | В закладках: 3 | Следят: 5

COBALT
Total posts: 408
30 Сен 2014 13:43

Тестировал фильтр поиска, столкнулся с такой ситуацией, если выбрать много значений одного поля и отфильтровать, то результат выходит за рамки шаблона:

скриншот

Решил проблему прописав стиль в шаблоне раздела "Основная разметка" .filter-worns .alert {white-space: normal;}

У меня вопрос, зачем в стиле указанно nowrap, у меня не будет проблем с отображением в других местах?

Последние изменения: 06 Окт 2014

Цитата

COBALT
Total posts: 408
30 Сен 2014 14:19

Вообще то не решило проблему, если поставить .filter-worns .alert {white-space: normal;}, тогда если значение короткое, оно съезжает вниз:

скриншот

Ни как не могу найти решения проблемы.

Цитата

Sergey
Total posts: 13,748
01 Окт 2014 01:58

Нужно добавить к классу .filter-worns что то типа

max-width: 200px; overflow: hidden;

Цитата

COBALT
Total posts: 408
01 Окт 2014 06:21

Sergey Нужно добавить к классу .filter-worns что то типа

max-width: 200px; overflow: hidden;

Так не получается, просто ограничение в 200px, всё что не влезло скрывается

скриншот

Цитата

COBALT
Total posts: 408
01 Окт 2014 06:40

Не могу добиться того, чтобы было так как выделено зелёным, но не было того как выделено красным

Наверное так сделать не получиться.

Цитата

Sergey
Total posts: 13,748
01 Окт 2014 08:45

ну тогда они будут разной высоты это тоже как то не правильно. Просто уберите тогда стиль высоты на этот элемент и nowrap

Цитата

COBALT
Total posts: 408
01 Окт 2014 09:50

Там стиля высоты нет:

.filter-worns .alert {
    margin-right: 10px;
    text-align: left;
    white-space: nowrap;
}

Если просто убрать nowrap, то почему то происходит смещение коротких значений поля в низ (тех которые короче названия поля), если бы этого не происходило, то всё было бы отлично.

PS. Ещё возник небольшой вопрос, в поле можно выбрать "Иконка ярлыка", там не нашёл подходящую под мои нужды, добавил свою в /media/mint/icons/16/, после обновления Cobalt, иконка останется или её нужно будет по новой загружать?

Цитата

Sergey
Total posts: 13,748
02 Окт 2014 01:36

Я прошу прощения. Но это просто CSS. Мы не можем, идти к вам на сайт и, создать правильный CSS в инспекторе и постить его тут. Это уже как бы работа за вас. Если у вас не хватает знаний CSS что бы правильно все отформатировать, может вам нужно нанять фрилансера. Даже если за $10 в час, то работы тут на 5 минут. Рублей на 30.

Цитата

COBALT
Total posts: 408
02 Окт 2014 13:27

Вы правы, это просто CSS, в общем решил проблему так, может кому пригодиться:

.alert.pull-left > div {
white-space: nowrap;
}
.filter-worns .alert {
white-space: normal;
}

Теперь отображается корректно :)

Цитата

asmuz
Total posts: 102
02 Окт 2014 15:45

Не бойтесь эксериментировать самостоятельно! Кобальт - мощное ядро! А все визуальное оформление легко настраивается с помощью шаблонов (полей, материалов, списков и прочих)

Цитата

Sergey
Total posts: 13,748
03 Окт 2014 00:33

Ну да нормально показывает теперь. Но только что если категория окажется между язык и разработчик?

Цитата

COBALT
Total posts: 408
03 Окт 2014 07:28

Будет так же как с "Тип" на скриншоте:

По моему корректно работает, если результаты отфильтрованных полей не влезают в одну строку, то крайние переносятся в низ, а максимальный результат отфильтрованного поля ограничен рамками шаблона сайта.

Цитата

Sergey
Total posts: 13,748
06 Окт 2014 03:02

ну да вроде корректно.

Работает на Cobalt