Thursday, July 21, 2016

Apex 5: Change Badge List hover default color

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..


1 comment: