Настройка шаблона Modern

InstantCMS 2.X
#46 11 марта 2021 в 14:51
Добрый день, друзья
А есть ли способ зафиксировать при прокрутке колонку или же строку в Modern?
#47 11 марта 2021 в 15:00

А есть ли способ зафиксировать при прокрутке колонку или же строку в Modern?

Владимир Савенко
sticky-top
но он работает при определённых условиях.
#48 11 марта 2021 в 15:12
и кроме класса надо будет задать еще стиль типа top: 20px
Тут прилеплен demo.bergorod.ru/news/11-why-do-we-use-it.html справа виджет "О виджете"
#49 11 марта 2021 в 15:51


А есть ли способ зафиксировать при прокрутке колонку или же строку в Modern?

Владимир Савенко
sticky-top
но он работает при определённых условиях.

Tolya
Да вот я его только куда не прописывал — бестолку, такой вот я вэбстроитель(((
#51 11 марта 2021 в 15:57
Владимир Савенко, ну вот у меня так



и в файле стилей так

  1.  
  2. .sticky20 {
  3. position: sticky !important;
  4. top: 20px;
  5. }
  6.  
#53 13 апреля 2021 в 09:43
Zau4man, подскажите, как сделать возможность фиксировать при прокрутке колонку с виджетами/страницами в новой админке (CoreUI), спасибо.
#54 13 апреля 2021 в 16:10
abasia, таким же способом через sticky делать не стоит, так как высота раскрытой колонки с виджетам может быть выше окна браузера.
И вы не сможете увидеть последние виджеты (страницы, если их много)

А просто стилями прижать к нижнему краю при прокрутке не получится без js.
#55 13 апреля 2021 в 19:41


abasia, таким же способом через sticky делать не стоит, так как высота раскрытой колонки с виджетам может быть выше окна браузера.
И вы не сможете увидеть последние виджеты (страницы, если их много)
А просто стилями прижать к нижнему краю при прокрутке не получится без js.

Zau4man
Если не ошибаюсь, большинство актульных браузеров обработают position: sticky предсказуемее (если высота элемента больше высоты соседей, фиксации не произойдёт).
-----------
abasia, пробуйте так:
1) здесь уберите свойство:

Иллюстрация
2) здесь уберите лишний селектор (или переопределите правило для него (имейте ввиду: правило там злостное, в лучших традициях бутстрапа!))

Иллюстрация
3) элементу из п.2 назначьте стиль (в прмере ниже заюзан идентификатор, но вы можете назначить там селектор с меньшим приоритетом или, к примеру, data-атрибут):
  1.  
  2. #intro-step1 {
  3. position: sticky;
  4. top: сколько_нужно; /* единицы измерения указывать обзательно! */
  5. }
  6.  
Если таки не справитесь, стучите в личку. Покромсаем вместе
#56 13 апреля 2021 в 19:42
Прочитал пост Zau4man:
/blogs/horoshie-mysli/kak-ne-poterjat-pravki-v-shablone-delaem-dochernii-shablon-4549.html

Создаю файл manifest.php, меняю шаблон на дочерний, импортирую виджеты с модерна.
В итоге все на месте, только логотипа нет. Смотрю код, картинка должна быть в папке нового шаблона, ок. Копирую папку images — лого появился.
Есть ли еще какие-то такие моменты, что файлы будут требоваться в новосозданной папке шаблона?
#57 13 апреля 2021 в 20:32
Олег Васильевич я, спасибо, буду пробовать
#58 13 апреля 2021 в 20:56

Олег Васильевич я, спасибо, буду пробовать

abasia
И я сейчас попробую на чистой 2.14.2
Попытаемся обойтись только стилями
#59 13 апреля 2021 в 21:07

Есть ли еще какие-то такие моменты, что файлы будут требоваться в новосозданной папке шаблона?

alkokrolik
да, еще нужно скопировать папку images/photoswipe
и вроде все

Обновил пост
#60 13 апреля 2021 в 21:29

Попытаемся обойтись только стилями

Олег Васильевич я
Недельку назад "примерял", но только в инспекторе. Сейчас внёс стили в файл. Там одно правило не очень культурное, но чтобы побороться с беспардонностью бутстрапа не затрагивая файл с разметкой, придётся такое юзать (имхо, меньше проблем себе создадим)
Короче, всё просто, даже не интересно. В templates\admincoreui\css\style.css, в самый конец:
  1.  
  2. /* фиксируем блок с виджетами при прокрутке */
  3. #cp_header + .app-body {
  4. overflow-x: initial;
  5. }
  6. #intro-step1.h-100 {
  7. height: auto !important;
  8. position: sticky;
  9. top: 101px; /* имейте ввиду: данное значение свойства применимо к ширине в 1920px (на некорорых разрешениях его надо будет переопределять*/
  10. }
  11.  
Возможность возникновения проблемы, описанной в здесь, проверил. Всё ок!
А вот узнать у разработчика для чего .app-body назначено overflow-x: hidden, не мешало бы ( часто таким образом просто страхуются от непредвиденного горизонтального скролла, но причина может быть и вполне существенной)
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.