On Case object, i have a quick Action "Assign Case" which looks as follows
markup looks like this
<aura:component implements="force:lightningQuickAction,force:hasRecordId" controller="AssignCaseController">
<aura:attribute name="record" type="Object"/>
<aura:attribute name="caseRecord" type="Object"/>
<aura:attribute name="recordError" type="String"/>
<aura:attribute name="isSpinnerVisible" type="Boolean" default="false" access="private" />
<force:recordData recordId="{!v.recordId}" layoutType="FULL" targetRecord="{!v.record}" targetFields="{!v.caseRecord}" targetError="{!v.LDSErrors}"/>
<div>
<aura:if isTrue="{!v.isSpinnerVisible}" >
<div class="slds-modal slds-fade-in-open">
<lightning:spinner variant="brand" alternativeText="Loading"/>
</div>
</aura:if>
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size_8-of-12 slds-form-element slds-text-align_center"> {!$Label.c.PF_AssignCase_DisplayMsg}</div>
<div class="slds-col slds-size_4-of-12 slds-form-element slds-text-align_right">
<button onclick="{!c.runAssignmentRules}" class="slds-button slds-button_brand">Submit</button>
</div>
</div>
</div>
</aura:component>
From the picture, you can see that background is slightly colored, and i want background to be totally white (the way it is for standard quick Actions).
I cant seem to achieve that.
For the div where we have
<div class="slds-grid slds-wrap">
I added a class
<div class="slds-grid slds-wrap whitebackground">
In CSS for component, the class whitebackground has background color of "white"
This only covers a portion of the component, as shown below-
Seems like one.app creates a wrapper around the component, which continues to stay grey and i cant seem to make it all white. Any suggestions?