chore: Added hover styles (#1905)
This commit is contained in:
parent
33b73451b7
commit
efcf10c00f
3 changed files with 9 additions and 24 deletions
|
@ -127,6 +127,7 @@ export default {
|
|||
|
||||
.wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.label-color--display {
|
||||
|
@ -137,27 +138,11 @@ export default {
|
|||
width: $space-normal;
|
||||
}
|
||||
|
||||
.inbox-icon.ion-social-facebook {
|
||||
color: var(--color-facebook-brand);
|
||||
}
|
||||
|
||||
.inbox-icon.ion-social-whatsapp-outline {
|
||||
color: var(--color-whatsapp-brand);
|
||||
}
|
||||
|
||||
.inbox-icon.ion-social-twitter {
|
||||
color: var(--color-twitter-brand);
|
||||
}
|
||||
|
||||
.inbox-icon.ion-android-textsms {
|
||||
color: var(--color-sms-twilio);
|
||||
}
|
||||
|
||||
.inbox-icon.ion-earth {
|
||||
color: var(--color-woot);
|
||||
}
|
||||
|
||||
.inbox-icon.ion-cloud {
|
||||
color: var(--color-cloud-generic);
|
||||
.inbox-icon {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
&.ion-ios-email {
|
||||
font-size: var(--font-size-medium);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
@ -20,7 +20,7 @@ export const getInboxClassByType = (type, phoneNumber) => {
|
|||
return 'ion-cloud';
|
||||
|
||||
case INBOX_TYPES.EMAIL:
|
||||
return 'ion-email';
|
||||
return 'ion-ios-email';
|
||||
|
||||
default:
|
||||
return '';
|
||||
|
|
|
@ -29,7 +29,7 @@ describe('#Inbox Helpers', () => {
|
|||
expect(getInboxClassByType('Channel::Api')).toEqual('ion-cloud');
|
||||
});
|
||||
it('should return correct class for Email', () => {
|
||||
expect(getInboxClassByType('Channel::Email')).toEqual('ion-email');
|
||||
expect(getInboxClassByType('Channel::Email')).toEqual('ion-ios-email');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue