Hi Experts,
I am using SAP Design studio 16.5.0 and BEX as a backend source.
I am using Link component to go to different topics of the dashboard.
The color of the text of Link component changes to blue when user hovers over it and becomes white when user selects the Link text.
I have used the following CSS classes for this purpose.
/To change color of link component when hovering/
.sapMLnk:hover{
color:#00679e!important;
}
/***********************************************/
/* To change color of link component when selected*/
.sapMLnk:focus{
color:white!important;
}
This works perfectly.
The issue is when user clicks anywhere else on the dashboard, the Link text color changes to its original color.
(the color when dashboard is launched) and user is unable to identify which topic he/she is on.
I want the same color (white) when user clicks anywhere else in the dashboard.
I have tried
.sapMLnk:focus:not
and
.sapMLnk:active:not
, but no success.
Would anyone please guide which class to use to keep the color same when user clicks anywhere else in the dashboard ?
Thanks in advance,
Afreen (BOB member since 2016-10-25)