fix: responsiveness of address and contact list
This commit is contained in:
parent
9436c14265
commit
b312629b4b
3 changed files with 26 additions and 17 deletions
|
|
@ -1,19 +1,22 @@
|
|||
<div class="clearfix"></div>
|
||||
{% for(var i=0, l=addr_list.length; i<l; i++) { %}
|
||||
<div class="address-box">
|
||||
<p class="h6">
|
||||
{%= i+1 %}. {%= addr_list[i].address_title %}{% if(addr_list[i].address_type!="Other") { %}
|
||||
<span class="text-muted">({%= __(addr_list[i].address_type) %})</span>{% } %}
|
||||
<a href="/app/Form/Address/{%= encodeURIComponent(addr_list[i].name) %}" class="btn btn-default btn-xs edit-btn">
|
||||
{%= __("Edit") %}</a>
|
||||
<p class="h6 flex flex-wrap">
|
||||
{%= i+1 %}. {%= addr_list[i].address_title %}
|
||||
{% if(addr_list[i].address_type!="Other") { %}
|
||||
· <span class="text-muted">{%= __(addr_list[i].address_type) %}</span>
|
||||
{% } %}
|
||||
{% if(addr_list[i].is_primary_address) { %}
|
||||
<span class="text-muted">({%= __("Primary") %})</span>{% } %}
|
||||
· <span class="text-muted">{%= __("Primary") %}</span>
|
||||
{% } %}
|
||||
{% if(addr_list[i].is_shipping_address) { %}
|
||||
<span class="text-muted">({%= __("Shipping") %})</span>{% } %}
|
||||
· <span class="text-muted">{%= __("Shipping") %}</span>
|
||||
{% } %}
|
||||
{% if(addr_list[i].disabled) { %}
|
||||
<span class="text-muted">({%= __("Disabled") %})</span>{% } %}
|
||||
|
||||
<a href="/app/Form/Address/{%= encodeURIComponent(addr_list[i].name) %}" class="btn btn-default btn-xs pull-right"
|
||||
style="margin-top:-3px; margin-right: -5px;">
|
||||
{%= __("Edit") %}</a>
|
||||
· <span class="text-muted">{%= __("Disabled") %}</span>
|
||||
{% } %}
|
||||
</p>
|
||||
<p>{%= addr_list[i].display %}</p>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,18 +1,18 @@
|
|||
<div class="clearfix"></div>
|
||||
{% for(const contact of contact_list) { %}
|
||||
<div class="address-box">
|
||||
<p class="h6 flex align-center">
|
||||
<a href="/app/Form/Contact/{%= encodeURIComponent(contact.name) %}"
|
||||
class="btn btn-xs btn-default edit-btn">
|
||||
{%= __("Edit") %}
|
||||
</a>
|
||||
<p class="h6 flex flex-wrap">
|
||||
{%= contact.first_name %} {%= contact.last_name %}
|
||||
{% if(contact.is_primary_contact) { %}
|
||||
<span class="text-muted"> ({%= __("Primary") %})</span>
|
||||
· <span class="text-muted">{%= __("Primary Contact") %}</span>
|
||||
{% } %}
|
||||
{% if(contact.designation){ %}
|
||||
<span class="text-muted">– {%= contact.designation %}</span>
|
||||
· <span class="text-muted"> {%= contact.designation %}</span>
|
||||
{% } %}
|
||||
<a href="/app/Form/Contact/{%= encodeURIComponent(contact.name) %}"
|
||||
class="btn btn-xs btn-default ml-auto">
|
||||
{%= __("Edit") %}
|
||||
</a>
|
||||
</p>
|
||||
{% if (contact.phone || contact.mobile_no || contact.phone_nos.length > 0) { %}
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -149,9 +149,15 @@ select.form-control {
|
|||
border-radius: var(--border-radius);
|
||||
font-size: var(--text-sm);
|
||||
word-wrap: break-word;
|
||||
position: relative;
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.edit-btn {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
}
|
||||
}
|
||||
.action-btn {
|
||||
position: absolute;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue