From 5e86195d243521cfb0251f5b1a43f394ba8c1322 Mon Sep 17 00:00:00 2001
From: Rebecca Hollis <rhollis@jdsfaulkner.com>
Date: Wed, 2 Dec 2020 16:39:55 -0500
Subject: [PATCH] changing help and feedback dropdown placement, size, color

---
 src/assets/pages/resources-landing-page.html |  6 ++---
 src/assets/pages/styles/theme-base.scss      | 26 ++++++++++++++++++++
 src/assets/pages/styles/theme-dark.scss      |  6 +++++
 src/assets/pages/styles/theme-light.scss     | 16 ++++++++----
 4 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html
index 6ed1c4e..5d27d27 100644
--- a/src/assets/pages/resources-landing-page.html
+++ b/src/assets/pages/resources-landing-page.html
@@ -24,8 +24,8 @@
     </a>
     <nav class="my-2 my-md-0 mr-md-3">
         <div class="helpdropdown">
-        <a class="p-2 text-navbartext" href="#" role="button" id="helpdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Help</a>
-            <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
+        <a class="p-2 text-navbartext" href="#" role="button" id="helpdropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-offset="-75,4">Help</a>
+            <div class="dropdown-menu" aria-labelledby="dropdownMenuOffset">
                 <a class="dropdown-item" href="#">About the Resource Center</a>
                 <a class="dropdown-item" href="#">Searches</a>
                 <a class="dropdown-item" href="#">Categories</a>
@@ -51,7 +51,7 @@
                         <label for="DropdownFeedbackMessage">Message</label>
                         <input type="email" class="form-control" id="DropdownFeedbackEmail" placeholder="Type message here">
                         </div>
-                    <button type="submit" class="btn btn-primary">Submit</button>
+                    <button type="submit" class="btn btn-feedbacksubmitbutton text-feedbacksubmitbuttontext">Submit</button>
                     </form>
 
                 </div>
diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss
index 93e09ec..40763e8 100644
--- a/src/assets/pages/styles/theme-base.scss
+++ b/src/assets/pages/styles/theme-base.scss
@@ -128,5 +128,31 @@ body {
   outline: none;
 }
 
+.helpdropdown .dropdown-menu {
+  background-color: map-get($theme-colors, menudropdownfill);
+  font-size: 15px;
+  margin-bottom: 9px;
+  color: map-get($theme-colors, activetextaccordion) !important;
+  box-shadow: -1 1 3 1 #cccccc;
+}
+
+.feedbackdropdown .dropdown-menu {
+  background-color: map-get($theme-colors, menudropdownfill);
+  font-size: 15px;
+  margin-bottom: 9 px;
+  color: map-get($theme-colors, activetextaccordion);
+  box-shadow: -1 1 3 1 #cccccc;
+}
+
+#DropdownFeedbackEmail {
+   background-color: map-get($theme-colors, feedbackmessagefill);
+   border: 1px solid;
+   border-color: map-get($theme-colors, feedbackmessageborder);
+   color: map-get($theme-colors, searchfont);
+}
+
+.form-control::-webkit-input-placeholder {
+  color: map-get($theme-colors, feedbackmessagehint) !important;
+}
 
 
diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss
index 6b823bc..0b0236e 100644
--- a/src/assets/pages/styles/theme-dark.scss
+++ b/src/assets/pages/styles/theme-dark.scss
@@ -34,6 +34,12 @@ $theme-colors: (
         "footertext": #787572,
         "chevronup": #787572,
         "chevrondown": #9d9d9d,
+        "menudropdownfill": #4e4e56,
+        "feedbacksubmitbutton": #0c218c,
+        "feedbacksubmitbuttontext": #d9d2d2,
+        "feedbackmessagefill": #3c3c42,
+        "feedbackmessageborder": #363434,
+        "feedbackmessagehint": #787572,
 );
 
 .theme-button{
diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss
index c706b2c..45e4046 100644
--- a/src/assets/pages/styles/theme-light.scss
+++ b/src/assets/pages/styles/theme-light.scss
@@ -1,8 +1,8 @@
 $theme-colors: (
-        "primary": #ffffff,
-        "secondary": #e5e5e5,
+        "primary": #fdfdfd,
+        "secondary": #dcdcdc,
         "success": #0B031C,
-        "info": #ffffff,
+        "info": #f9f9f9,
         "warning": #700000,
         "navbartext": #121213,
         "navbartextfeather": #323233,
@@ -14,7 +14,7 @@ $theme-colors: (
         "activecardfont": #e1e4e8,
         "searchhint": #c0c2c6,
         "searchfont": #2c2c2c,
-        "sidebarfill": #f6f6f6,
+        "sidebarfill": #efefef,
         "sidebartext": #545455,
         "searchbuttonfill": #f6f6f6,
         "searchicon": #545455,
@@ -25,7 +25,7 @@ $theme-colors: (
         "paragraphtextcolor": #434344,
         "paragraphtextcolorhover": #ffffff,
         "themebuttonoutline": #434344,
-        "inactiveaccordion": #f6f6f6,
+        "inactiveaccordion": #efefef,
         "activeaccordion": #ffffff,
         "inactivetextaccordion": #434344,
         "activetextaccordion": #434344,
@@ -35,6 +35,12 @@ $theme-colors: (
         "footertext": #434344,
         "chevronup": #434344,
         "chevrondown": #434344,
+        "menudropdownfill": #ffffff,
+        "feedbacksubmitbutton": #099f4a,
+        "feedbacksubmitbuttontext": #ffffff,
+        "feedbackmessagefill": #efefef,
+        "feedbackmessageborder": #dbdbdb,
+        "feedbackmessagehint": #c0c2c6,
 );
 
 .theme-button{