Префиксы тем с иконками

[ASTEROID]

Куда конкретно эту часть кода вставить? В исходный код или ниже? Если в код, то между чем и чем? Не получается у меня поправить иконку.

Найти этот атрибут в уже встановленном отсюда коде, и установить ему нужное значение.

 

[anastasiya]

Не, я тупая, не получается.

зы! получилось )))

 

[Shumasick]

Не, я тупая, не получается.

Пробуйте, если я сам правильно сделал :) Не уверен.

Сам Код!

@svgPrefixBorderRadius: @xf-borderRadiusSmall; // Радиус префиксов
@svgPrefixFontFamily: inherit;                 // Семейство шрифта префикса
@svgPrefixColorGradient: rgba(0,0,0,.4);       // Цвет градиента прификса
@svgPrefixTextShadow: rgba(0,0,0,.5);          // Цвет тени префикса

.svgPrefix,
.label.svgPrefix
{
    font-family: @svgPrefixFontFamily;
    font-size: 70%;
    font-weight: 500;
    display: inline-flex;
    text-align: center;
    align-items: center;
    text-transform: uppercase;
    line-height: ((@xf-lineHeightDefault) * .9);
    padding: .25em .5em;
    border: none;
    border-radius: @svgPrefixBorderRadius;
    position: relative;
    white-space: nowrap;
  
.fsp
{
    .svgPrefix
    {
        &::before
        {
            top: .35em;
        }
    }
}
    .menuPrefix&
    {
        display: inline-block;
        font-size: 1.3em;
        width: 100%;
        padding: .333em;
        a&
        {
            text-decoration: none;
        }
    }
  
    .p-title-value &
    {
        .p-title &
        {
            font-size: 70%;
        }
    }
    &:before
    {
        position: absolute;
        top: .25em;
        bottom: 0;
        left: .333em;
    }
}

.svgLabelPrefix(@prefix-name, @prefix-color, @prefix-icon: "none")
{
    .svgPrefix,
    .label.svgPrefix
    {
        &.@{prefix-name}
        {
            background: linear-gradient(135deg, @svgPrefixColorGradient 0%, @svgPrefixColorGradient 40%, transparent 40%, transparent 100%), @prefix-color;
            color: rgb(250,250,250);
            text-shadow: 1px 0 1px @svgPrefixTextShadow, 0 1px 1px @svgPrefixTextShadow, -1px 0 1px @svgPrefixTextShadow, 0 -1px 1px @svgPrefixTextShadow;
          
            &when not (@prefix-icon = "none")
            {
                padding: .25em .5em .25em 1.75em;
                &:before
                {
                    .m-faBase();
                    .m-faContent(@prefix-icon);
                }
            }
        }     
    }
}

 

[anastasiya]

Вот в этом месте у меня иконка встала на место:

 padding: .25em .5em .25em 1.75em;
                &:before
                {
                    top: .50em;
                    .m-faBase();
                    .m-faContent(@prefix-icon);
                }

и именно 50 нужно.

 

[Shumasick]

Вот в этом месте у меня иконка встала на место:

 padding: .25em .5em .25em 1.75em;
                &:before
                {
                    top: .50em;
                    .m-faBase();
                    .m-faContent(@prefix-icon);
                }

и именно 50 нужно.

Ну это и правильно. У каждого свои настройки будут. Нужно под себя поправлять.

 

[anastasiya]

у меня дефолтный стиль. XF 2.3.4

 

[Splace]

Есть хороший плагин [Xen-Soluce] Custom Prefixes & Banners, который закрывает эту задачу