Apex 5: Change Badge List hover default color
I am doing an project where I am using the Badge List Plugin come with the Apex packaged application, customer want to change the hover color from default to Teal, I tried to find the jquery class think it shall be easy to do that but it took me a while to figure it out:
Here is how to get it done:
In the page inline css section, put this part(Here I am changing the hover color from default to Teal color):
.t-BadgeList--circular a.t-BadgeList-wrap:hover .t-BadgeList-value {
box-shadow: 0 0 0 4px Teal inset;
}
.t-BadgeList--circular a.t-BadgeList-wrap .t-BadgeList-value {
border-color: Teal;
transition: box-shadow 0.1s, color 0.1s, background-color 0.3s;
}
I somehow couldn't get the class through inspector which I originally thought I could, I end up looking at https://apex.oracle.com/ut, which has all the Universal Theme component, where I can get this easily..
This is very informative and interesting post.
ReplyDeleteCustomize badges