Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-09-06 07:57:02 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Cleanup contacts popup

Browse source
This commit is contained in:
djmaze 2021-04-29 16:26:20 +02:00
parent 454321430a
commit d38a1acc24
2 changed files with 25 additions and 52 deletions
Download patch file Download diff file Expand all files Collapse all files

49
dev/Styles/Contacts.less
View file

@ -8,16 +8,11 @@
padding-top: 0; padding-top: 0;
width: 50px; width: 50px;
} }
.controls {
margin-left: 70px;
}
} }
&.modal { &.modal {
position: absolute; position: absolute;
right: 0; right: 0;
top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: auto; width: auto;
@ -28,9 +23,9 @@
} }
.modal-body { .modal-body {
overflow: auto;
height: calc(100% - 49px); height: calc(100% - 49px);
padding: 0; padding: 0;
position: relative;
} }
.b-list-toolbar { .b-list-toolbar {
@ -188,23 +183,13 @@
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
.contactValueStatic, .contactValueLargeStatic, .contactValueTextAreaStatic { span {
height: 20px; height: 20px;
line-height: 20px; line-height: 20px;
font-size: 18px;
display: inline-block;
padding: 5px 7px;
display: none; display: none;
} padding: 5px 7px;
font-size: 18px;
&.read-only { display: none;
.contactValueStatic, .contactValueLargeStatic, .contactValueTextAreaStatic {
display: inline-block;
}
.contactValueInput, .contactValueInputLarge, .contactValueTextArea {
display: none;
}
} }
.b-contact-view-desc { .b-contact-view-desc {
@ -235,16 +220,12 @@
color: #aaa; color: #aaa;
} }
.contactValueStatic, .contactValueLargeStatic, .contactValueTextAreaStatic { input, textarea {
font-size: 18px;
display: none;
}
.contactValueInput, .contactValueInputLarge, .contactValueTextArea {
box-shadow: none; box-shadow: none;
border-color: #fff; border-color: #fff;
font-size: 18px; font-size: 18px;
width: 300px; width: 70vw;
max-width: 400px;
&:hover { &:hover {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@ -257,16 +238,8 @@
} }
} }
.contactValueTextArea {
width: 300px;
}
.contactValueInputLarge {
width: 400px;
}
.hasError { .hasError {
.contactValueInput { input {
color: #ee5f5b; color: #ee5f5b;
border-color: #ee5f5b; border-color: #ee5f5b;
} }
@ -293,11 +266,11 @@
} }
&.read-only { &.read-only {
.e-read-only-sign { span, .e-read-only-sign {
display: inline-block; display: inline-block;
} }
.e-share-sign { input, textarea, .e-share-sign {
display: none; display: none;
} }
} }

28
snappymail/v/0.0.0/app/templates/Views/User/PopupsContacts.html
View file

@ -46,9 +46,9 @@
<span data-bind="visible: contacts.importing() || contacts.syncing()" class="btn"><i class="icon-spinner"></i></span> <span data-bind="visible: contacts.importing() || contacts.syncing()" class="btn"><i class="icon-spinner"></i></span>
</div> </div>
</div> </div>
<div class="modal-body" style="position: relative;"> <div class="modal-body">
<div class="b-list-toolbar"> <div class="b-list-toolbar">
<input type="text" class="span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" /> <input type="search" class="span3 e-search" placeholder="Search" autocorrect="off" autocapitalize="off" data-i18n="[placeholder]GLOBAL/SEARCH" data-bind="value: search" />
</div> </div>
<div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}"> <div class="b-list-content g-ui-user-select-none" data-bind="css: {'hideContactListCheckbox': !useCheckboxesInList()}">
<div class="content"> <div class="content">
@ -138,8 +138,8 @@
<div class="controls"> <div class="controls">
<div data-bind="foreach: viewPropertiesNames"> <div data-bind="foreach: viewPropertiesNames">
<div class="property-line"> <div class="property-line">
<span class="contactValueStatic" data-bind="text: value"></span> <span data-bind="text: value"></span>
<input type="text" class="contactValueInput" <input type="text"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" /> data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" />
</div> </div>
@ -147,14 +147,14 @@
<div data-bind="visible: 0 < viewPropertiesOther().length, foreach: viewPropertiesOther"> <div data-bind="visible: 0 < viewPropertiesOther().length, foreach: viewPropertiesOther">
<div class="property-line"> <div class="property-line">
<!-- ko if: !largeValue() --> <!-- ko if: !largeValue() -->
<span class="contactValueStatic" data-bind="text: value"></span> <span data-bind="text: value"></span>
<input type="text" class="contactValueInput" <input type="text"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" /> data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}" />
<!-- /ko --> <!-- /ko -->
<!-- ko if: largeValue --> <!-- ko if: largeValue -->
<span class="contactValueTextAreaStatic" data-bind="text: value"></span> <span data-bind="text: value"></span>
<textarea class="contactValueTextArea" <textarea
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}"></textarea> data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup', attr: {'placeholder': placeholderValue}"></textarea>
<!-- /ko --> <!-- /ko -->
@ -167,8 +167,8 @@
<div class="controls"> <div class="controls">
<div data-bind="foreach: viewPropertiesEmails"> <div data-bind="foreach: viewPropertiesEmails">
<div class="property-line"> <div class="property-line">
<span class="contactValueStatic" data-bind="text: value"></span> <span data-bind="text: value"></span>
<input type="text" class="contactValueInput" <input type="text"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" /> data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" />
</div> </div>
@ -181,8 +181,8 @@
<div class="controls"> <div class="controls">
<div data-bind="foreach: viewPropertiesPhones"> <div data-bind="foreach: viewPropertiesPhones">
<div class="property-line"> <div class="property-line">
<span class="contactValueStatic" data-bind="text: value"></span> <span data-bind="text: value"></span>
<input type="text" class="contactValueInput" <input type="text"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" /> data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" />
</div> </div>
@ -194,8 +194,8 @@
<div class="controls"> <div class="controls">
<div data-bind="foreach: viewPropertiesWeb"> <div data-bind="foreach: viewPropertiesWeb">
<div class="property-line"> <div class="property-line">
<span class="contactValueLargeStatic" data-bind="text: value"></span> <span data-bind="text: value"></span>
<input type="text" class="contactValueInputLarge" placeholder="https://" <input type="text" placeholder="https://"
autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"
data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" /> data-bind="value: value, hasfocus: focused, valueUpdate: 'keyup'" />
</div> </div>