How Do I Re-Add user Arrow?

[JustBrowsing90]

A while ago my dumbass removed the user arrow pointing to your avatar & I want to add it back but have no friggin' idea how to do so. I'll include an image of what I'm talking about below.

 

[naive]

image doesn't appear correctly, reupload it again

 

[JustBrowsing90]

image doesn't appear correctly, reupload it again

naiveIt should display correctly now.

 

[naive]

It should display correctly now.

JustBrowsing90Shows this on Inspect Element:

So you should just be able to add this to your extra.less I suppose.

.message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: #fefefe;
}

 

[JustBrowsing90]

Shows this on Inspect Element:

So you should just be able to add this to your extra.less I suppose.

.message-userArrow:after {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: #fefefe;
}

naiveDidn't work. I appreciate the response though

 

[naive]

Didn't work. I appreciate the response though

JustBrowsing90My bad, I inspected the wrong one

Here it is:

.message-userArrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #27272a;
}

 

[JustBrowsing90]

My bad, I inspected the wrong one

Here it is:

.message-userArrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #27272a;
}

naiveStill didn't work. Again I appreciate the help. I found this in message.less so maybe it's something in here?

.message-userArrow
{
    position: absolute;
    top: (@xf-messagePadding) * 2;
    right: -1px;

    .m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

    <xf:if is="property('uix_removeMessageArrow')">
    display: none;
    </xf:if>

    &:after
    {
        position: absolute;
        top: -(@xf-messagePadding - 1px);
        right: -@xf-messagePadding;
        content: "";

        <xf:if is="property('uix_messageMain--background-color')">
        .m-triangleLeft(@xf-uix_messageMain--background-color, @xf-messagePadding - 1px);
        <xf:else />
        .m-triangleLeft(xf-default(@xf-contentBg, transparent), @xf-messagePadding - 1px);
        </xf:if>
    }
}

 

[naive]

Still didn't work. Again I appreciate the help. I found this in message.less so maybe it's something in here?

.message-userArrow
{
    position: absolute;
    top: (@xf-messagePadding) * 2;
    right: -1px;

    .m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

    <xf:if is="property('uix_removeMessageArrow')">
    display: none;
    </xf:if>

    &:after
    {
        position: absolute;
        top: -(@xf-messagePadding - 1px);
        right: -@xf-messagePadding;
        content: "";

        <xf:if is="property('uix_messageMain--background-color')">
        .m-triangleLeft(@xf-uix_messageMain--background-color, @xf-messagePadding - 1px);
        <xf:else />
        .m-triangleLeft(xf-default(@xf-contentBg, transparent), @xf-messagePadding - 1px);
        </xf:if>
    }
}

JustBrowsing90This is what mine looks like when I check the template on my site, maybe try this one?

.message-userArrow
{
    position: absolute;
    top: (@xf-messagePadding) * 2;
    right: -1px;

    .m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

    &:after
    {
        position: absolute;
        top: -(@xf-messagePadding - 1px);
        right: -@xf-messagePadding;
        content: "";

        .m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
    }
}

 

[JustBrowsing90]

This is what mine looks like when I check the template on my site, maybe try this one?

.message-userArrow
{
    position: absolute;
    top: (@xf-messagePadding) * 2;
    right: -1px;

    .m-triangleLeft(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

    &:after
    {
        position: absolute;
        top: -(@xf-messagePadding - 1px);
        right: -@xf-messagePadding;
        content: "";

        .m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
    }
}

naiveStill nothing unfortunately. Maybe it's just gone for good

 

[Splicho]

Still nothing unfortunately. Maybe it's just gone for good

JustBrowsing90You should not change/alter or remove elements from message.less, since it is mandatory for your style.

However, I can see on your forum, that the arrow even is removed from the markup, means, it was either removed from message_macros template or disabled within your style properties.

 

[JustBrowsing90]

You should not change/alter or remove elements from message.less, since it is mandatory for your style.

However, I can see on your forum, that the arrow even is removed from the markup, means, it was either removed from message_macros template or disabled within your style properties.

SplichoAh okay that's unfortunate. I appreciate everyones help nonethless