XenForo 2.x.x Убрать новую версию реакций

[Andrey_Holkin]

Как вернуться к старому дизайну реакций? Как показано на скриншоте.

 

[Koful]

Посмотреть вложение 123780
Как вернуться к старому дизайну реакций? Как показано на скриншоте.

Поставить старую версию движка

 

[Andrey_Holkin]

Поставить старую версию движка

Зачем это делать ради одного шаблона?

 

[azmg]

Накидал на скорую руку
admin.php?template-modifications/add&type=public
1)
Template: core.less
Modification key: corereactionsBar
Search type: Simple replacement
Find

.reactionsBar
{
    .m-transitionFadeDown();
    .xf-minorBlockContent();
    border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
    padding: @xf-paddingMedium;
    font-size: @xf-fontSizeSmaller;
    margin-top: @xf-paddingMedium;
}

.reactionSummary
{
    display: inline-block;
    .m-listPlain();
    line-height: 16px;
    height: 16px;
    margin: 0 -2px;
    vertical-align: text-top;

    > li
    {
        display: inline-block;
        height: 20px;
        width: 20px;
        padding: 2px;
        margin: -2px 0;
        background: @xf-contentBg;
        border-radius: 50%;
        position: relative;
        margin-left: -6px;

        &:nth-child(1)
        {
            z-index: 3;
            margin-left: 0;
        }

        &:nth-child(2)
        {
            z-index: 2;
        }

        &:nth-child(3)
        {
            z-index: 1;
        }
    }

    .reaction
    {
        position: absolute;
        top: 0;

        &.reaction
        {
            // increase specificity to override .reaction.reaction--<size>
            display: block;
        }
    }
}

Replace

.reactionsBar
{
background: #f9fafa url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #dcdcdf;
text-shadow: 0 1px 1px #fff;
background: -moz-linear-gradient(top, #f9fafa 0%, #f0f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafa), color-stop(100%,#f0f2f2));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafa', endColorstr='#f0f2f2',GradientType=0 );
background: -o-linear-gradient(top, #f9fafa 0%,#f0f2f2 100%);
}
.reactionSummary
{
    display: none;
}

2)
Template: message.less
Modification key: messreactionsBar
Search type: Simple replacement
Find

.message .reactionsBar
{
    margin-top: @xf-messagePadding;
    padding: @xf-messagePaddingSmall;
}

Replace

.message .reactionsBar
{
padding: 5px;
margin-top: 10px;
border: 1px solid #dcdcdf;
border-radius: 5px;
}

 

[Andrey_Holkin]

Накидал на скорую руку
admin.php?template-modifications/add&type=public
1)
Template: core.less
Modification key: corereactionsBar
Search type: Simple replacement
Find

.reactionsBar
{
    .m-transitionFadeDown();
    .xf-minorBlockContent();
    border-left: @xf-borderSizeMinorFeature solid @xf-borderColorFeature;
    padding: @xf-paddingMedium;
    font-size: @xf-fontSizeSmaller;
    margin-top: @xf-paddingMedium;
}

.reactionSummary
{
    display: inline-block;
    .m-listPlain();
    line-height: 16px;
    height: 16px;
    margin: 0 -2px;
    vertical-align: text-top;

    > li
    {
        display: inline-block;
        height: 20px;
        width: 20px;
        padding: 2px;
        margin: -2px 0;
        background: @xf-contentBg;
        border-radius: 50%;
        position: relative;
        margin-left: -6px;

        &:nth-child(1)
        {
            z-index: 3;
            margin-left: 0;
        }

        &:nth-child(2)
        {
            z-index: 2;
        }

        &:nth-child(3)
        {
            z-index: 1;
        }
    }

    .reaction
    {
        position: absolute;
        top: 0;

        &.reaction
        {
            // increase specificity to override .reaction.reaction--<size>
            display: block;
        }
    }
}

Replace

.reactionsBar
{
background: #f9fafa url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #dcdcdf;
text-shadow: 0 1px 1px #fff;
background: -moz-linear-gradient(top, #f9fafa 0%, #f0f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafa), color-stop(100%,#f0f2f2));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafa', endColorstr='#f0f2f2',GradientType=0 );
background: -o-linear-gradient(top, #f9fafa 0%,#f0f2f2 100%);
}
.reactionSummary
{
    display: none;
}

2)
Template: message.less
Modification key: messreactionsBar
Search type: Simple replacement
Find

.message .reactionsBar
{
    margin-top: @xf-messagePadding;
    padding: @xf-messagePaddingSmall;
}

Replace

.message .reactionsBar
{
padding: 5px;
margin-top: 10px;
border: 1px solid #dcdcdf;
border-radius: 5px;
}

Посмотреть вложение 123782

а можно как-то добавить фразу "понравилось You и тд"?

 

[Sm1Le]

можно просто в extra.less пару строчек

.reactionSummary {
    display: none;
}

.reactionsBar {
    border-left: none;
    border-radius: 5px;
    background: #f5f5f5;
}

[class=reactionsBar-link] {
    color: #557296;
    text-decoration: none;
}

Фразы ищи с названием reaction, смайлики удаляются тут /admin.php?reactions/

 

[azmg]

а можно как-то добавить фразу "понравилось You и тд"?

Редактируйте фразы:

Спойлер

reactions.1_person
reactions.user1
reactions.user1_and_user2
reactions.user1_user2_and_user3
reactions.user1_user2_user3_and_1_other
reactions.user1_user2_user3_and_x_others
reactions.x_people
reactions.you
reactions.you_and_user1
reactions.you_user1_and_user2
reactions.you_user1_user2_and_1_other

Как душе угодно

 

[Skaiman]

azmg, о приоритете extra.less, мы не слыхали

 

[Andrey_Holkin]

всё всем спасибо, разобрался.