Разъединяем кнопки входа и регистрации

[Hope]

Hope добавил(а) новый ресурс:

Разъединяем кнопки входа и регистрации - Разъединяем кнопки входа и регистрации.

По умолчанию в XenForo 2 кнопки входа и регистрации как бы объединены и выглядит это так:
Посмотреть вложение 80185

В данном мануале мы эти кнопки разъединим и добавим им отступ друг от друга.

В шаблон extra.less добавляем такой код:

.p-navgroup-link-bg() {
    background: rgba(20, 20, 20, 0.15);
}

.p-navgroup {
    &--guest {
        background: transparent;
    }
       
    .p-navgroup-link {
        &--logIn {
            .p-navgroup-link-bg...

Узнать больше об этом ресурсе...

 

[Skaiman]

Или ещё вариант, который предложил @Skaiman

Как бы мой вариант для всех кнопок и сделан был на скорою руку, у меня на тестовом все радиусы в ноль, я не учел их и при разделении не будет на отделенном крае. Mirovinger, сделал только для входа и регистрации, учел радиус но указал фиксированный размер, а не переменную, он не учел, что в настройках радиус может быть указан иной :) Но тоже наверняка делал на скорую руку :)

 

[Mirovinger]

Логично, что когда даётся ответ в теме, чаще не учитываешь всех мелочей, но даже в мануале сразу всего предусмотреть не возможно.

 

[Mirovinger]

Hope обновил(а) ресурс Разъединяем кнопки входа и регистрации новой записью:

Рефакторинг

Добавлены переменные для большей универсальности

Узнать больше об этом обновлении...