2

i have the following css:

.THIS .noErrorStyle {
    padding-bottom: 8rem; 
    padding-left:2rem; 
    padding-right:2rem;
}

.THIS .errorStyle {
    padding-bottom: 4.3rem !important; 
    padding-left:2rem; 
    padding-right:2rem;
}

.THIS .removedPositionFixed {
    position: inherit !important;
}

and the following div in a lightning component:

<div class="{!v.meetingComponentSource == 'CreateMeeting' ? 'slds-modal slds-fade-in-open removedPositionFixed' : 'slds-modal slds-fade-in-open'}">

when i load the component, i can see the class in the HTML, but the style is not applied: enter image description here

any idea what is the issue? Thanks

0

1 Answer 1

4

If the div is the first element in the component, the div is also .THIS, so .THIS .removedPositionFixed won't be found. Changing it to .THIS.removedPositionFixed (no space between .THIS and .removedPositionFixed) worked.

Thanks to Xander for the comment that helped me solve the issue.

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .