XF 2.0 Conditionals in EXTRA.less possible?

pjfry

pjfry

Active member
Hello,

are conditionals in EXTRA.less allowed and possible?

I tried this code:

CSS: 
<xf:if is="$xf.visitor.is_admin OR $xf.visitor.is_moderator">
    .p-header-logo {
        position: absolute;
        left: 160px;
        top: 160px;
        color: #f2e019;
        text-shadow: 0px 0px 10px #f2e019, 0px 0px 6px #e43f19;
    }

<xf:else />

    .p-header-logo {
        position: absolute;
        left: 160px;
        top: 125px;
        color: #f2e019;
        text-shadow: 0px 0px 10px #f2e019, 0px 0px 6px #e43f19;
    }

</xf:if>

Ans it doesn't work for admins. I want a absolute postions for my logo relative to the header which works, but with teh staff bar my logo is not in the right place.

Thanks

Benny
 
Sort by date Sort by votes
Absolute positioning isn't usually an ideal way to align a logo.. If this is necessary, it suggests that maybe your HTML isn't coded correctly. Recoding the header so it doesn't depend on absolute values would be the ideal outcome.

If this isn't possible for some reason, use a conditional to add a "moderator-bar-visible" class to the <html> tag in PAGE_CONTAINER, and then use css to target the logo like so:
Less: 
.p-header-logo {
    position: absolute;
    left: 160px;
    top: 125px;
    color: #f2e019;
    text-shadow: 0px 0px 10px #f2e019, 0px 0px 6px #e43f19;
    
    .moderator-bar-visible &{
        top: 160px;
    }
}
 
Upvote 0 Downvote
I'm assuming your moderator bar is inside the <header> tag.

If you place your moderator bar before the <header> tag (not inside it), you won't need the above conditional :)
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

RadicalBrad
  • Solved
XF 2.2 Using a loop in extra.less
Replies
3
Views
76
RadicalBrad
RadicalBrad
BlueGreen91
  • Question Question
XF 2.2 Signature size limits in extra.less
Replies
2
Views
57
frm
frm
securedme
  • Question Question
XF 2.2 Can I specify a range of nodes in extra.less?
Replies
1
Views
220
Paul B
P
O
  • Solved
XF 2.2 In extra.less how to target a specific forum page title ?
Replies
2
Views
586
Old Nick
O
securedme
  • Solved
XF 2.2 negation in extra.less
Replies
1
Views
285
Paul B
P
Back
Top Bottom