feat(ui): improved social login buttons UI (#1471)

This commit is contained in:
hyperreality
2016-09-03 23:29:43 +01:00
committed by Liran Tal
parent c0f6cb3e4d
commit c2cfc388bf
4 changed files with 56 additions and 62 deletions

View File

@@ -7,46 +7,27 @@
display: inline-block;
position: relative;
}
.btn-remove-account {
.btn-add-remove-account {
top: 10px;
right: 10px;
position: absolute;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
background: white;
cursor: inherit;
display: block;
pointer-events: none;
}
.user-profile-picture {
min-height: 150px;
max-height: 150px;
}
.cropArea {
background: #E4E4E4;
width: 300px;
height: 300px;
background: #E4E4E4;
width: 300px;
height: 300px;
}
.social {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
.social-button {
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.social-button:hover {
opacity: 0.65;
}
.social:hover {
opacity: 0.65;
}