Added contact toolbar

This commit is contained in:
RainLoop Team 2014-05-08 18:52:54 +04:00
parent 23c299ac9e
commit 37db821349
11 changed files with 31225 additions and 31259 deletions

View file

@ -1,5 +1,5 @@
@contacts-popup-left-width: 250px;
@contacts-popup-left-width: 220px;
.b-contacts-content {
@ -61,13 +61,13 @@
.b-list-toolbar {
padding: 0;
height: 45px;
text-align: center;
text-align: right;
width: @contacts-popup-left-width;
.box-shadow(inset 0 -1px 0 #ccc);
.e-search {
margin-top: 7px;
width: @contacts-popup-left-width - 25;
width: @contacts-popup-left-width - 20;
}
}
@ -238,10 +238,33 @@
}
}
}
.b-view-content-toolbar {
background-color: #f5f5f5;
padding: 7px;
position: absolute;
top: 0;
right: 0;
left: @contacts-popup-left-width;
height: 31px;
text-align: center;
.box-shadow(inset 0 -1px 0 #ccc);
.button-save-contact {
&.no-disabled.dirty {
color: #51a351;
font-weight: bold;
}
}
&.read-only .button-save-contact {
display: none;
}
}
.b-view-content {
position: absolute;
top: 0;
top: 45px;
bottom: 60px;
left: @contacts-popup-left-width;
right: 0;
@ -251,6 +274,7 @@
background-color: #fff;
border-left: 1px solid #ddd;
.content {
-webkit-overflow-scrolling: touch;
}
@ -367,27 +391,10 @@
}
.e-share-sign {
position: absolute;
top: 60px;
right: 20px;
cursor: pointer;
}
.button-save-contact {
position: absolute;
top: 20px;
right: 20px;
&.no-disabled.dirty {
color: #51a351;
font-weight: bold;
}
}
.button-add-prop {
position: absolute;
top: 60px;
right: 20px;
cursor: pointer;
}
&.read-only {
@ -398,10 +405,6 @@
.e-share-sign {
display: none;
}
.button-save-contact {
display: none;
}
}
}
}

View file

@ -143,19 +143,10 @@ html.ssm-state-tablet, html.ssm-state-mobile {
}
.b-contacts-content.modal {
width: 600px;
width: 700px;
}
.b-contacts-content.modal {
.b-list-toolbar, .b-list-content, .b-list-footer-toolbar {
width: 150px;
}
.b-list-toolbar .e-search {
width: 125px;
}
.b-view-content {
left: 150px;
}
.contactValueInput {
width: 200px;
}
@ -173,15 +164,6 @@ html.ssm-state-tablet {
}
.b-contacts-content.modal {
.b-list-toolbar, .b-list-content, .b-list-footer-toolbar {
width: 200px;
}
.b-list-toolbar .e-search {
width: 175px;
}
.b-view-content {
left: 200px;
}
.contactValueInput {
width: 250px;
}