[SalesForce] Help in CSS for lightning component to override standard CSS

Im trying from a long time to remove the Cancel button at the bottom for modal , but when I do it, it is also removing Done button. I would like to retain the Done. Can you please let me know what wrong I am doing. Here is the code and screen shot. FileuploadPopUp.cmp , Quick action on Account with FileuploadPopUp.cmp in quickAction

<aura:component description="FileUploadPopUp" implements="force:hasRecordId,force:lightningQuickAction" >
    <aura:attribute name="next" type="boolean" default="false" />
    <aura:attribute name="current" type="boolean" default="true" />
    <aura:html tag="style">             
        .slds-modal__container {
        min-width: 60vw;
        }
        .ui-widget{
            margin:0px !important;
        }        
        .slds-modal__content {
             min-height: 5vw !important;
        }
    </aura:html>
    <aura:if isTrue="{!v.current}">
        <lightning:button label="Next" title="Next" onclick="{!c.NextHs }" />
    </aura:if>
    <aura:if isTrue="{!v.next}">
    <c:FileUploadStandardPopUp />
    </aura:if>
</aura:component> 

({
    NextHs : function(component, event, helper) {
        component.set('v.next',true);
        component.set('v.current',false);
    }
})

FileUploadStandardPopUp.cmp

<aura:component >
    <aura:attribute name="POEID" type="string" default="0016g00000C5RPVAA3"/>
    <lightning:fileUpload  label="Upload Files" 
                          name="fileUploader"   
                          multiple="false"  
                          recordId="{!v.POEID}" 
                          onuploadfinished="{!c.handleUploadFinished}" />   
</aura:component>

({
    handleUploadFinished : function(component, event, helper) {

    }
})

I tried in the above style block , but it remove both cancel and done buttons.

.uiButton--brand{
        display:none;
        }

enter image description here

Best Answer

Why not target some other class which is not common in both for example in your aura:html tag you can put this

<aura:html tag="style"> 
.cuf-publisherCancelButton{
        display:none;
        }
 </aura:html>
Related Topic