Add + and - on section bars, and added orange/blue bg change test links for the meeting

diff --git a/css/admin.css b/css/admin.css
index 3bc0a6f..990ae6b 100644 (file)
--- a/css/admin.css
+++ b/css/admin.css
@@ -28,6 +28,9 @@
 .glm-table-section-title {
     border-bottom: 1px solid grey;
     padding-bottom: 6px;
+}
+#glm-admin-contact-wrapper #glm-admin-content-container .glm-contact-content-toggle .section-title {
+
 }
 .glm-contact-content-data {
     margin-top: -5px;
@@ -47,6 +50,21 @@
     padding: 10px 20px;
     text-transform: uppercase;
     margin-bottom: 5px;
+    position: relative;
+}
+#glm-table-profile > .glm-contact-content-toggle:after {
+    content: "+";
+    cursor: pointer;
+    right: 30px;
+    top: 15px;
+    font-size: 20px;
+    position: absolute;
+}
+#glm-table-profile > .glm-contact-content-toggle.selected:after {
+    content: "-";
+    top: 17px;
+    right: 32px;
+    font-size: 22px;
 }
 @media only screen and (max-width: 639px) {
     .glm-contact-content-toggle {
@@ -59,6 +77,7 @@
     line-height: 1.6;
     margin-bottom: 2px;
     margin-top: 2px;
+    max-width: 90%;
 }
 
 #glm-contact-fullprofile-toggle.selected {
@@ -144,6 +163,7 @@
     box-shadow: 0px -1px 0px darkred;
 }
 
+
 /* Input Fields CSS */
 input::placeholder {
     color: #acacac;

diff --git a/views/admin/contacts/edit.html b/views/admin/contacts/edit.html
index c0126b0..a6136c7 100644 (file)
--- a/views/admin/contacts/edit.html
+++ b/views/admin/contacts/edit.html
@@ -110,6 +110,8 @@
 
 
     <div id="glm-contact-fullprofile-toggle" class="">Expand All</div>
+    <div id="tryOrange">Try Orange</div>
+    <div id="tryBlue">Try Blue</div>
     {if $fromMemberMenu}
         <form action="{$thisUrl}?page=glm-members-admin-menu-member" method="post" enctype="multipart/form-data">
             <input type="hidden" name="glm_action" value="contacts">
@@ -939,6 +941,13 @@
 <script type="text/javascript">
     jQuery(document).ready(function($) {
 
+        $("#tryOrange").on("click", function () {
+            $("#glm-table-profile .glm-admin-table.glm-admin-table-inner").css("background-color","#FFF5EC");
+        });
+        $("#tryBlue").on("click", function () {
+            $("#glm-table-profile .glm-admin-table.glm-admin-table-inner").css("background-color","#f8ffff");
+        });
+
         /*
          * Edit area tabs
          */