Implementation of share contacts (begin)

This commit is contained in:
RainLoop Team 2013-12-18 20:05:30 +04:00
parent 5198dcfa20
commit 026839d864
17 changed files with 469 additions and 50 deletions

View file

@ -171,6 +171,13 @@
float: left;
padding: 0 8px 0 6px;
}
.shareParent {
display: none;
float: right;
position: relative;
margin: 2px 8px 0 5px;
}
.nameParent {
display: block;
@ -196,6 +203,10 @@
margin: 0 5px;
}
&.shared .shareParent {
display: inline-block;
}
&.checked {
z-index: 101;
@ -231,6 +242,26 @@
-webkit-overflow-scrolling: touch;
}
.contactValueStatic {
height: 20px;
line-height: 20px;
font-size: 18px;
display: inline-block;
padding: 5px 7px;
color: #555;
display: none;
}
&.read-only {
.contactValueStatic {
display: inline-block;
}
.contactValueInput {
display: none;
}
}
.b-contact-view-desc {
text-align: center;
font-size: 24px;
@ -254,26 +285,73 @@
.add-link {
padding-top: 5px;
padding-left: 7px;
font-size: 12px;
color: #aaa;
}
.contactValueStatic {
font-size: 18px;
display: none;
}
.contactValueInput {
.box-shadow(none);
border-color: #fff;
font-size: 18px;
width: 250px;
&:hover {
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
border-color: #ccc;
}
&:focus {
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
border-color: #999;
}
}
.hasError {
.contactValueInput {
color: #ee5f5b;
border: 1px solid #ee5f5b;
border-color: #ee5f5b;
}
}
.e-read-only-sign {
display: none;
position: absolute;
top: 20px;
right: 40px;
}
.e-share-sign {
position: absolute;
top: 60px;
right: 20px;
cursor: pointer;
}
.button-save-contact {
position: absolute;
top: 20px;
right: 20px;
}
&.read-only {
.e-read-only-sign {
display: inline-block;
}
.e-share-sign {
display: none;
}
.button-save-contact {
display: none;
}
}
}
}