Hot answers tagged

3

So, if you use chrome inspect, and force state of focus on the div, it will change color. On your div, there is no indication saying that the element can be focused. You have to explcitly specify that it can be. We use tabindex on div to specify that it can be focussed. tabindex="0" means that the element should be focusable in sequential keyboard ...


2

Thanks to Wei Ni's answer (do upvote that), I think I now better understand what is going on. I have been adding this CSS to my component: .scaled-down button { transform: scale(0.75); } which outputs this into the resulting HTML page: <style type="text/css"> .scaled-down[cvnp-claims_claims] button[cvnp-claims_claims] { transform:scale(.75) ...


2

I haven't tried it myself, but if this can get background color working, it should work for the size as well. https://sfdcfacts.com/lwc/color-columns-of-data-table-lwc/ Basically, what it does is adding class attribute as part of cell attributes then manually assign class to it when define data. {label: ‘Diet Type’, fieldName: ‘diet’, type: ‘text’, ...


1

I found the answer after looking at full css. This div has different classes such as x-small, small, medium etc. where we can set the height accordingly. <div class="slds-progress-bar slds-progress-bar_x-small" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" role="progressbar" ng-if="stepsCnt.length > 1"> <span class="slds-progress-...


1

Ok, I figured it out - funny how asking a question often leads you to the answer. The trick was to override the SLDS css with something more specific, e.g. c-setup-assistant-item>li.slds-setup-assistant__item { border-bottom: 1px #dddbda solid!important; padding: 2rem 0!important; } c-setup-assistant-item:first-child>li.slds-setup-...


1

Try setting it at the "html" level - does that work? body, html { font-family: "Colfax", Arial, sans-serif; }


Only top voted, non community-wiki answers of a minimum length are eligible