Dealing with SAP for our ticket system has been quite a challenge due to the design that is causing some frustration. In an attempt to make it more tolerable, I used CSS to make some adjustments. However, my problem now lies in the fact that they keep making unnecessary changes, like removing the title inside the span element.
I've tried to figure it out by using various IDs included in the span, but they are constantly changing and not specific enough for my needs.
The main issue I'm trying to address revolves around different priorities such as Low, Medium, High, and Critical.
Initially, I managed to change the color and font weight of "Medium" with this code:
[title="medium"] {color: #ffc14f !important; font-weight: bold !important;}
However, now that the title has been removed, the task becomes much more challenging.
The current structure looks something like this (without the title):
<span id="dropdownlistboxfBiBbQKnbu_ORlZZW_39-text-listdefintionwN9QyApR3q_23BFLBSdAqG_11-10"
data-sap-ui="dropdownlistboxfBiBbQKnbu_ORlZZW_39-text-listdefintionwN9QyApR3q_23BFLBSdAqG_11-10"
data-sap-automation-id="fBiBbQKnbu_ORlZZW"
data-help-id="fBiBbQKnbu_ORlZZW"
class="sapMText sapMTextBreakWord sapMTextMaxWidth sapUiSelectable"
style="text-align:left">
Medium
</span>
Additional properties of the element include:
innerHTML: "Medium"
innerText: "Medium"
outerText: "Medium"
>lastChild: text
>>data: "Medium"
>>nodeName: "#text"
>>nodeType: 3
>>nodeValue: "Medium"
Unfortunately, the IDs mentioned earlier keep changing, making it difficult to specify the target elements accurately. Despite numerous attempts, I haven't been able to successfully apply CSS modifications.
Even though the content within the span still says "Medium," I am struggling to find a reliable CSS method to identify and modify it.
Here are some other approaches I've tried without success:
[span*=Medium] {color: #ffc14f !important}
[id*=fBiBbQKnbu] {color: #ffc14f !important}
span[innerText="Medium"] {color: #ffc14f !important}
[innerText="Medium"] {color: #ffc14f !important}
[innerHTML="Medium"] {color: #ffc14f !important}
This situation is quite frustrating, and any assistance would be greatly appreciated.
If further details are required, please feel free to reach out.