XF 2.1 Про поиск и правку CSS

[xilion]

Вопрос появился в процессе телодвижений с этим делом.

Поиск по шаблонам стилей нужные классы так и не выдал. Пришлось вносить правку через EXTRA.LESS

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

 

[Hope]

Неправильно. Как по Вашему тогда всё это отображается и работает без классов?) Всё есть в шаблонах. Ищите лучше...

 

[xilion]

Где же это

a.button.button--scroll {
    border-radius: 25px;
    background-color: rgba(37, 119, 177, 0.50);
}

в этом

/css.php?css=public%3Anormalize.css%2Cpublic%3Acore.less%2Cpublic%3Aapp.less&s=1&l=4&d=1586818559&k=edf6cfeed2b8b8213808b1692c79649ca17f77fa

?
В каком именно шаблоне?

 

[Skaiman]

Пришлось вносить правку через EXTRA.LESS

В принципе это не так уж и страшно, нормально :) лучше чем в самих шаблонах стили править.

 

[Hope]

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

 

[Skaiman]

xilion, не надо искать шаблоны для правки, первое надо искать настройки, если их нет, то как и сделал с кнопками, в extra.less

 

[Matew]

Где же это

a.button.button--scroll {
    border-radius: 25px;
    background-color: rgba(37, 119, 177, 0.50);
}

в этом

/css.php?css=public%3Anormalize.css%2Cpublic%3Acore.less%2Cpublic%3Aapp.less&s=1&l=4&d=1586818559&k=edf6cfeed2b8b8213808b1692c79649ca17f77fa

?
В каком именно шаблоне?

Вы ведь в курсе, что less код компилируется в css? У шаблонов то не зря окончание .less. Если вы пытаетесь искать целиком результат, у вас ничего не выйдет(за исключением некоторых случаев).


Вот и нужный вам .less шаблон с исходным кодом

в этом

/css.php?css=public%3Anormalize.css%2Cpublic%3Acore.less%2Cpublic%3Aapp.less&s=1&l=4&d=1586818559&k=edf6cfeed2b8b8213808b1692c79649ca17f77fa

Более того, в этой ссылке через запятую указаны все загружаемые шаблоны и можно просто методом перебора найти в нужном свой класс

 

[xilion]

Поиск по шаблонам даст ответ

Проверил все, на что указывали ссылки из режима разработчика, и безрезультатно.
Как тогда узнать, какой именно шаблон содержит нужные мне классы?

 

[Skaiman]

Matew, Hope, не отправляйте человека в core_button.less, там единственное если глянуть если переменная из настроек, но лишних телодвижений там не стоит делать, для этих телодвижений и существует extra.less

 

[xilion]

Если вы пытаетесь искать целиком результат, у вас ничего не выйдет

В этом и была загвоздка.
Спасибо за помощь.

 

[Matew]

Matew, Hope, не отправляйте человека в core_button.less, там единственное если глянуть если переменная из настроек, но лишних телодвижений там не стоит делать, для этих телодвижений и существует extra.less

Я человека никуда не отправляю, просто поясняю механизм работы. Он похоже про less не особо в курсе был. Так-то ты прав, extra наше всё, но иногда найти нужный шаблон нужно и чтобы в tms покопаться

 

[Skaiman]

чтобы в tms покопаться

там еще не до этого, а лишней инфы он хватанет и начнутся прямые правки :)

 

[xilion]

не отправляйте человека в core_button.less, там единственное если глянуть если переменная из настроек, но лишних телодвижений там не стоит делать, для этих телодвижений и существует extra.less

То есть, все-таки в таких случаях оптимальнее правки в стили вносить только через extra.less?

 

[Hope]

Именно так, прямая правка шаблонов не нужна. Или через TMS.

 

[xilion]

Он похоже про less не особо в курсе был.

Изначально не знал, по ходу разобрался. Но оставалась непонятка: как так, класс стиля есть, а найти его никак не получается?

Или через TMS.

Где об этом почитать?
Поиск конкретики не выдает.

Ага, Система модификации шаблонов.

 

[Hope]

[TMS] Система модификации шаблонов ну например

 

[Mirovinger]

Поиск по шаблонам стилей нужные классы так и не выдал. Пришлось вносить правку через EXTRA.LESS

Так и верно сделали, прямые правки, тем более css свойств, не нужно делать напрямую, они легко переопределяются через extra.less.
Ну и используем less.

.u-scrollButtons {
    .button {
        border-radius: 100%;
        opacity: .8;
       
        &.button--scroll {
            background-color: rgb(71,129,158);
        }
    }
}

 

[xilion]

Вот и нужный вам .less шаблон с исходным кодом

Казалось бы, так оно и должно быть, но искомого a.button.button--scroll там нет.

 

[Sidd]

Как тогда узнать, какой именно шаблон содержит нужные мне классы?

Шаблонов то с одним классом может быть и несколько, но если нужно изменение во всех, то достаточно (после просмотра настроек стиля самого форума разумеется) править extra.less написав туда класс, а вот если нужны изменения только в определенном месте, тогда уже или модификацией или в той же extra.less указать ограничение по шаблону. Посмотреть глобальный шаблон можно открыв код элемента и он обычно будет вверху страницы. В Extra добавлять примерно так, в скобках название нужного шаблона

body[data-template="thread_view"] .ваш класс

С помощью поиска на форуме можно найти варианты решения для айди виджетов и прочего, если нужно)

 

[Skaiman]

Казалось бы, так оно и должно быть, но искомого a.button.button--scroll там нет.