Новости Joomla

Компонент View logs v.2.2.0

👩‍💻 Компонент View logs v.2.2.0.По горячим следам, рекомендациям и просьбам Joomla-сообщества компонент просмотра логов Joomla получил следующую версиюv.2.2.0. Что нового?- Обновление интерфейса: список логов сделан в виде таблицы, отображение дополнительной информации в списке файлов (время создания и последнего изменения, кнопки действий и их порядок) изменены и сделаны менее пёстрыми.- Добавлен поиск-фильтр по имени файла лога на странице. Находите нужный файл быстрее.- Большие файлы. Просмотр файла лога в модальном окне сохранён для файлов менее 1МБ. Возможность открыть файл в отдельном окне сохранена. Но используйте эту функцию с осторожностью: файлы объёмом 8-10мб ещё возможно открывать в браузере, но более крупные - не рекомендуется. Системные требования:- Совместимость с Joomla 6 и PHP 8.4.- Минимальная версия PHP по-прежнему 8.0.Страница расширенияGitHub расширения@joomlafeed#joomla #расширения

0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 2108 Просмотров
*

MaxTs

  • Новичок
  • 4
  • 0 / 0
Здравствуйте! Вопрос к специалистам CSS.

Нужно поправить адаптивную верстку на готовом сайте - при небольших разрешениях слипаются колонки с картинками товаров в центральной области (в области контента). Заказчик не проверил при приемке верстки, в итоге так и осталось.

В карточке товара все нормально адаптируется, то есть, что не помещается - переносится на другую строку. А на странице, где список товаров (или категорий) - картинки друг на друга наезжают. Вот пример: http://www.vinilot.ru/naklejki-na-steny/tsvety

Непонятно, с чего начинать. Из кода удалось выяснить, что картинки с фиксированным размером, но если их сделать adaptive - то при больших разрешениях они будут увеличиваться больше своего номинального размера и следовательно расплываться. Можно ли ограничить увеличение картинок? Чтобы могли увеличиваться не более своего нормального размера. Или ограничить ширину общей колонки?

Или пусть лучше картинки остаются фиксированными, но попытаться отображать не в 3 колонки, а в 2, потом в 1?
И что проще?

И вообще насколько это сложно - можно своими силами сделать или придется обращаться к верстальщику?

Заранее спасибо!
« Последнее редактирование: 15.01.2018, 09:46:02 от MaxTs »
*

kern.USR

  • Давно я тут
  • 827
  • 68 / 1
Тут вам media CSS помогут
будет нечто подобное:
Код
/*tablet*/
@media (max-width: 959px){
.jbzoo-view-category .column.width33{
width: 50%
}
.jbzoo-view-category  .clr:not(:last-of-type)::before,
.jbzoo-view-category  .clr:not(:last-of-type)::after {
    content: none;
}
}
/*mobile*/
@media (max-width: 768px){
.jbzoo-view-category .column.width33{
width: 100%
}
}
*

MaxTs

  • Новичок
  • 4
  • 0 / 0
Тут вам media CSS помогут
будет нечто подобное:

Спасибо.  Интересная идея.

Правда, 50% не подходит, т.к. из-за margin на каких-то промежуточных разрешениях не помещается, но в целом все равно лучше, чем было.

А что означает код .clr:not(:last-of-type)::before и after?
(не хочу механически копировать без понимания)

Очистить стили before и after класса clr для всех элементов, кроме последнего?
*

kern.USR

  • Давно я тут
  • 827
  • 68 / 1
.clr:not(:last-of-type)::before и after

before и after - это псевдоклассы элемента, который позволяют вставить примитивные блоки до и после основного и применить к ним CSS правила
last-of-type - указывает, что свойство применйется только к последнему элементу внутри общего родителя, который можно получить по указанному селектору
not(:last-of-type) - применит правило ко всем, кроме последнего
блок, с классом .clr - делает сброс обтекания (когда блочные элементы прилипают друг-к-другу слева или справа)

В целом, описанное выше правило, убирает очистку от обтекания всем элементам, кроме последнего. У вас .clr стоит после каждого 3го элемента. Это приводит к тому, что каждый 4й элемент идёт с новой строки.
*

MaxTs

  • Новичок
  • 4
  • 0 / 0
Ага, суть понятна, направление дальнейшей работы теперь примерно представляю.

И раз уж вы, как я заметил, достаточно подробно изучали код, подскажите, насколько качество верстки конкретно этого сайта соответствует сегодняшним требованиям?
Если в дальнейшем понадобится подобная работа, имеет смысл обращаться к тому же верстальщику?
*

Sambiz2

  • Осваиваюсь на форуме
  • 20
  • 0 / 0
Вполне нормальная верстка, но есть конечно недочеты - например, много мусора в стилях, видно, что с другого проекта переносили и не почистили.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10

Автор AlekVolsk

Ответов: 1
Просмотров: 6479
Последний ответ 08.08.2019, 19:02:41
от AlekVolsk
Адаптивность колонок Joomla

Автор fragmatic92

Ответов: 3
Просмотров: 1133
Последний ответ 08.11.2016, 05:28:56
от Strikerus
Стили боковых колонок и контента

Автор WinSSLioN

Ответов: 8
Просмотров: 1894
Последний ответ 08.07.2015, 12:34:26
от WinSSLioN
Как скрыть модуль в адаптивной верстке?

Автор TeRReN

Ответов: 2
Просмотров: 1606
Последний ответ 25.03.2015, 23:02:23
от TeRReN
Небольшой вопрос по верстке

Автор kik84

Ответов: 8
Просмотров: 1167
Последний ответ 07.01.2015, 21:00:36
от Shustry