<i class="fas fa-layer-plus fa-2x assignInventoryId" ng-if="currentItem.retailOption === 2 && currentIitem && currentIitem.inventId===0" ng-class="{'assignInventoryIdDisabled':currentIitem && currentIitem.setInventoryId}" title="{{currentIitem && currentIitem.setInventoryId? '@Messages.inventoryIdAssigned': '@Labels.assignInventoryId'}}" ng-click="assignInventoryId(currentIitem)"></i></label>using these classes:
.assignInventoryId { color: #24AE5F; text-transform: none; vertical-align: middle; font-weight: normal; display: inline; cursor: pointer; } .assignInventoryId i { font-size: 1.25em; } .assignInventoryIdDisabled { cursor: not-allowed; pointer-events: none; color: #c0c0c0; background-color: #ffffff; }which seems to work well.
.newSearch { color: #24AE5F; text-transform: none; vertical-align: middle; font-weight: normal; display: inline; cursor: pointer; } .newSearch i { font-size: 1.25em; }Any suggestions of making the disable look here?
<label class="control-label" ng-if="currentItem.retailOption === 2">@Labels.inventoryId: {{currentIitem && currentIitem.inventId!=0? currentIitem.inventId:'' }} <i class="fas fa-layer-plus fa-2x newSearch" ng-if="currentItem.retailOption === 2 && currentIitem && currentIitem.inventId===0" title="@Labels.assignInventoryId" ng-click="assignInventoryId(currentIitem)"></i></label>I'm wondering if there is a way to make that icon disabled? I tried ng-disabled, but most likely this doesn't apply to the icon. I'm thinking of just changing the look of this icon, but this is also not clear to me as how to do this.