Решено Кнопки входа и реги

[PlayStation]

А как добавить пробел между кнопкой входа и регистрации, щас они как слиты, без пробела.

 

[CMTV]

С этим сложнее, так как объединенные кнопки это одна из фич xF и чтобы ее убрать придется изменять основной шаблон страниц форума.

В шаблоне PAGE_CONTAINER найдите выделите все от:

<div class="p-nav-opposite">

до:

<div class="p-navgroup p-discovery">

Замените выделенное на:

<div class="p-nav-opposite">
    <xf:if is="$xf.visitor.user_id">
        <div class="p-navgroup p-account {{ $xf.visitor.user_id ? 'p-navgroup--member' : 'p-navgroup--guest' }}">
            <xf:if is="$xf.visitor.user_state == 'rejected' OR $xf.visitor.user_state == 'disabled'">
                <a href="{{ link('account') }}"
                   class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user">
                    <xf:avatar user="$xf.visitor" size="xxs" href="" />
                    <span class="p-navgroup-linkText">{$xf.visitor.username}</span>
                </a>

                <a href="{{ link('logout', null, {'t': csrf_token()}) }}" class="p-navgroup-link">
                    <span class="p-navgroup-linkText">{{ phrase('log_out') }}</span>
                </a>
                <xf:else />
                <a href="{{ link('account') }}"
                   class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--user"
                   data-xf-click="menu"
                   data-xf-key="{{ phrase('shortcut.visitor_menu') }}"
                   data-menu-pos-ref="< .p-navgroup"
                   aria-expanded="false"
                   aria-haspopup="true">
                    <xf:avatar user="$xf.visitor" size="xxs" href="" />
                    <span class="p-navgroup-linkText">{$xf.visitor.username}</span>
                </a>
                <div class="menu menu--structural menu--wide menu--account" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('account/visitor-menu') }}"
                     data-load-target=".js-visitorMenuBody">
                    <div class="menu-content js-visitorMenuBody">
                        <div class="menu-row">
                            {{ phrase('loading...') }}
                        </div>
                    </div>
                </div>

                <a href="{{ link('conversations') }}"
                   class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--conversations js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}"
                   data-badge="{$xf.visitor.conversations_unread|number}"
                   data-xf-click="menu"
                   data-xf-key="{{ phrase('shortcut.conversations_menu') }}"
                   data-menu-pos-ref="< .p-navgroup"
                   aria-expanded="false"
                   aria-haspopup="true">
                    <i aria-hidden="true"></i>
                    <span class="p-navgroup-linkText">{{ phrase('inbox') }}</span>
                </a>
                <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('conversations/popup') }}"
                     data-nocache="true"
                     data-load-target=".js-convMenuBody">
                    <div class="menu-content">
                        <h3 class="menu-header">{{ phrase('conversations') }}</h3>
                        <div class="js-convMenuBody">
                            <div class="menu-row">{{ phrase('loading...') }}</div>
                        </div>
                        <div class="menu-footer menu-footer--split">
                            <span class="menu-footer-main">
                                <a href="{{ link('conversations') }}">{{ phrase('show_all...') }}</a>
                            </span>
                            <span class="menu-footer-opposite">
                                <a href="{{ link('conversations/add') }}">{{ phrase('start_new_conversation') }}</a>
                            </span>
                        </div>
                    </div>
                </div>

                <a href="{{ link('account/alerts') }}"
                   class="p-navgroup-link p-navgroup-link--iconic p-navgroup-link--alerts js-badge--alerts badgeContainer{{ $xf.visitor.alerts_unread ? ' badgeContainer--highlighted' : '' }}"
                   data-badge="{$xf.visitor.alerts_unread|number}"
                   data-xf-click="menu"
                   data-xf-key="{{ phrase('shortcut.alerts_menu') }}"
                   data-menu-pos-ref="< .p-navgroup"
                   aria-expanded="false"
                   aria-haspopup="true">
                    <i aria-hidden="true"></i>
                    <span class="p-navgroup-linkText">{{ phrase('alerts') }}</span>
                </a>
                <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
                     data-href="{{ link('account/alerts-popup') }}"
                     data-nocache="true"
                     data-load-target=".js-alertsMenuBody">
                    <div class="menu-content">
                        <h3 class="menu-header">{{ phrase('alerts') }}</h3>
                        <div class="js-alertsMenuBody">
                            <div class="menu-row">{{ phrase('loading...') }}</div>
                        </div>
                        <div class="menu-footer menu-footer--split">
                            <span class="menu-footer-main">
                                <a href="{{ link('account/alerts') }}">{{ phrase('show_all...') }}</a>
                            </span>
                            <span class="menu-footer-opposite">
                                <a href="{{ link('account/preferences') }}">{{ phrase('preferences') }}</a>
                            </span>
                        </div>
                    </div>
                </div>
            </xf:if>
        </div>
        <xf:else />
        <div class="p-navgroup p-login">
            <a href="{{ link('login') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--logIn" rel="nofollow" data-xf-click="overlay">
                <span class="p-navgroup-linkText">{{ phrase('log_in') }}</span>
            </a>
        </div>

        <xf:if is="$xf.options.registrationSetup.enabled">
            <div class="p-navgroup p-register">
                <a href="{{ link('register') }}" class="p-navgroup-link p-navgroup-link--textual p-navgroup-link--register" rel="nofollow" data-xf-click="overlay">
                    <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
                </a>
            </div>
        </xf:if>
    </xf:if>

    <div class="p-navgroup p-discovery">

А в шаблон extra.less внутрь .p-nav-opposite { добавьте:

.p-navgroup.p-register {
    margin-left: .5em;
}

 

[Skaiman]

К чему весь этот огород городить :)

.p-navgroup {
    background: none;
}

.p-navgroup-link {
    margin: 0 5px;
    background: @xf-publicHeaderAdjustColor;
}

.p-navgroup-link:last-of-type {
    margin-right: -2px;
}

Только в extra.less

Или так:

.p-navgroup {
    background: none;
    &-link {
        margin: 0 5px;
        background: @xf-publicHeaderAdjustColor;
        &:last-of-type {
            margin-right: -3px;
        }
    }
}

 

[PlayStation]

Закрывайте темарик.

 

[Mirovinger]

В 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;
            border-top-right-radius: 4px;
            margin-right: .5em;
        }

        &--register {
            .p-navgroup-link-bg;
            border-top-left-radius: 4px;
            border-left: none;
        }
    }
}