Style improvements, sub-links added to custom fields
authorLaury GvR <laury@gaslightmedia.com>
Wed, 1 Aug 2018 13:49:09 +0000 (09:49 -0400)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 1 Aug 2018 13:49:09 +0000 (09:49 -0400)
css/admin.css
views/admin/contacts/edit.html
views/admin/contacts/header.html

index 33c8949..8202984 100644 (file)
@@ -2,10 +2,13 @@
 #glm-table-profile.glm-admin-table {
     max-width: 100%;
 }
-#glm-admin-content-container.glm-admin-contact-content-contaner {
-    background: #fcfcff;
+#glm-admin-content-container.glm-admin-contact-content-container {
+    background: #f8f8fb;
     max-width: 1000px;
 }
+#glm-admin-content-container.glm-admin-contact-content-container .nav-tab-wrapper {
+    border-bottom: 0;
+}
 #glm-admin-content-container .glm-admin-table.glm-admin-table-inner {
     max-width: 100%;
 }
@@ -27,6 +30,7 @@
     padding-bottom: 6px;
 }
 .glm-contact-content-toggle {
+    background: white;
     border: 1px solid lightgrey;
     border-radius: 3px;
     max-width: 100%;
@@ -57,6 +61,7 @@
     cursor: pointer;
 }
 #glm-contact-fullprofile-toggle {
+    background: white;
     text-align: center;
     padding: 3px 6px;
     margin: 10px;
@@ -92,6 +97,7 @@
     width: 85px;
 }
 #glm-table-profile .glm-contact-sub-data-links {
+    background: white;
     border-width: 0 1px 1px 1px;
     border-color: lightgrey;
     border-style: solid;
@@ -185,7 +191,7 @@ input::placeholder {
 #glm-table-profile fieldset {
     background: white;
     border: 1px solid lightgrey;
-    
+    margin-bottom: 10px;
 }
 #glm-table-profile fieldset legend {
     text-decoration: underline;
@@ -195,7 +201,7 @@ input::placeholder {
 }
 @media only screen and (max-width: 9999px) {
     #glm-table-profile input[type=text] {
-        font-size: 14px;
+        font-size: 15px;
     }
     #glm-table-profile.glm-admin-table {
         table-layout: fixed;
index 5783ecb..0368d26 100644 (file)
                         <tr><th>Email Address</th><td><span class="glm-admin-noinput">{$contactInfo.fieldData.email}</span></td></tr>
                         <tr>
                             <th>
-                                New Email Address
+                                Update Email Address
                                 <a href="#" onclick="return false;" onkeypress="return false;" class="gf_tooltip tooltip">
                                     <p>To change your E-Mail address, enter your new address here. This address must not be used by any other contact or user in this site.</p>
                                     <i class="fa fa-question-circle">
                         <tr>
                             <th {if $contactInfo.fieldRequired.business_fname}class="glm-required"{/if}>First Name</th>
                             <td {if $contactInfo.fieldFail.business_fname}class="glm-form-bad-input"{/if}>
-                                <input type="text" name="business_fname" value="{$contactInfo.fieldData.business_fname}" class="glm-form-text-input-medium">
+                                <input type="text" name="business_fname" value="{$contactInfo.fieldData.business_fname}" class="glm-form-text-input-short">
                                 {if $contactInfo.fieldFail.business_fname}<p>{$contactInfo.fieldFail.business_fname}</p>{/if}
                             </td>
                         </tr>
                         <tr>
                             <th {if $contactInfo.fieldRequired.business_lname}class="glm-required"{/if}>Last Name</th>
                             <td {if $contactInfo.fieldFail.business_lname}class="glm-form-bad-input"{/if}>
-                                <input type="text" name="business_lname" value="{$contactInfo.fieldData.business_lname}" class="glm-form-text-input-medium">
+                                <input type="text" name="business_lname" value="{$contactInfo.fieldData.business_lname}" class="glm-form-text-input-short">
                                 {if $contactInfo.fieldFail.business_lname}<p>{$contactInfo.fieldFail.business_lname}</p>{/if}
                             </td>
                         </tr>
                         <tr>
                             <th {if $contactInfo.fieldRequired.title}class="glm-required"{/if}>Title/Position</th>
                             <td {if $contactInfo.fieldFail.title}class="glm-form-bad-input"{/if}>
-                                <input type="text" name="title" value="{$contactInfo.fieldData.title}" class="glm-form-text-input-medium">
+                                <input type="text" name="title" value="{$contactInfo.fieldData.title}" class="glm-form-text-input-short">
                                 {if $contactInfo.fieldFail.title}<p>{$contactInfo.fieldFail.title}</p>{/if}
                             </td>
                         </tr>
                         {apply_filters('glm-members-custom-fields-form', '', $slug,$contactInfo.fieldData.id,'')}
                         {apply_filters('glm-members-custom-fields-form', '', $uid,$contactInfo.fieldData.id,'')}
                     {/if}
+
+                    <div class="glm-contact-sub-data-links glmgrid-row">
+                        <a class="glm-contact-content-toggle glmgrid-columns glmgrid-small-6">Collapse</a>
+                        <a class="glm-contact-link-to-top glmgrid-columns glmgrid-small-6">Back to top</a>
+                    </div>
                 </div>
             </div>
             <div id="glm-contact-notes-toggle" class="glm-contact-content-toggle">
index 987d56a..af87cff 100644 (file)
@@ -3,6 +3,6 @@
     <h2 class="nav-tab-wrapper">
         <a href="{$thisUrl}?page={$thisPage}&glm_action=index" class="nav-tab{if $thisAction==index} nav-tab-active{/if}">Contacts List</a>
     </h2>
-    <div id="glm-admin-content-container" class="glm-admin-contact-content-contaner">
+    <div id="glm-admin-content-container" class="glm-admin-contact-content-container">
     
     
\ No newline at end of file