Jump to content

Outdated companies icons


Recommended Posts

Tonight i put into operation login with Microsoft account and i found out there is some old Windows icon (from Font Awesome 4.7) instead of Microsoft icon. Also Facebook uses newer cicrcular icon, but in app is some squarish icon currently.

The colors of buttons seem to be random or outdated since these companies use different main color. I fixed it by myself temporarily by few css tweaks, but could you please fix this somehow in some upcoming release? Thank you 🙂

image.thumb.png.6f850163add22272c19264b1d9960cf3.png

.cLogin_social button,
#elUserSignIn_external button {
    color: #fff;
    background: #666 !important;
}

.cLogin_social .ipsSocial_icon,
#elUserSignIn_external .ipsSocial_icon {
    height: 36px;
    width: 36px;
    background-color: #fff;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: inset 0 0 0 1px #666;
}

.cLogin_social .ipsSocial_icon i:before,
#elUserSignIn_external .ipsSocial_icon i:before {
    display: none;
}

.cLogin_social .ipsSocial_google .ipsSocial_icon,
#elUserSignIn_external .ipsSocial_google .ipsSocial_icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23.49 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%234285f4' d='M23.49 12.27c0-.79-.07-1.54-.19-2.27H12v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82z'/%3E%3Cpath fill='%2334a853' d='M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96H1.29v3.09C3.26 21.3 7.31 24 12 24z'/%3E%3Cpath fill='%23fbbc05' d='M5.27 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.62H1.29a11.86 11.86 0 0 0 0 10.76z'/%3E%3Cpath fill='%23ea4335' d='M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.31 0 3.26 2.7 1.29 6.62l3.98 3.09c.95-2.85 3.6-4.96 6.73-4.96z'/%3E%3C/svg%3E");
}

.cLogin_social .ipsSocial_microsoft .ipsSocial_icon,
#elUserSignIn_external .ipsSocial_microsoft .ipsSocial_icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 21 21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f35325' d='M0 0h10v10H0Z'/%3E%3Cpath fill='%2381bc06' d='M11 0h10v10H11Z'/%3E%3Cpath fill='%2305a6f0' d='M0 11h10v10H0Z'/%3E%3Cpath fill='%23ffba08' d='M11 11h10v10H11Z'/%3E%3C/svg%3E");
}

.cLogin_social .ipsSocial_facebook .ipsSocial_icon,
#elUserSignIn_external .ipsSocial_facebook .ipsSocial_icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='-277.375' y1='406.602' x2='-277.375' y2='407.573' gradientTransform='matrix(40 0 0 -39.7778 11115.001 16212.334)'%3E%3Cstop offset='0' style='stop-color:%230062e0'/%3E%3Cstop offset='1' style='stop-color:%2319afff'/%3E%3C/linearGradient%3E%3Cpath d='M16.7 39.8C7.2 38.1 0 29.9 0 20 0 9 9 0 20 0s20 9 20 20c0 9.9-7.2 18.1-16.7 19.8l-1.1.06h-4.4z' style='fill:url(%23a)'/%3E%3Cpath d='m27.8 25.6.9-5.6h-5.3v-3.9c0-1.6.6-2.8 3-2.8H29V8.2c-1.4-.2-3-.4-4.4-.4-4.6 0-7.8 2.8-7.8 7.8V20h-5v5.6h5v14.288c1.1.2 2.2.112 3.3.112 1.1 0 2.2.087 3.3-.113V25.6Z' style='fill:%23fff'/%3E%3C/svg%3E");
}

 

Edited by Vodafone CZ
Link to comment
Share on other sites

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...