Merge pull request #8163 from jitendrapurohit/nav-menu-fix

[civicrm-core.git] / css / civicrmNavigation.css

diff --git a/css/civicrmNavigation.css b/css/civicrmNavigation.css
index feb8325a3d0c21cb5409886044f06da2bdaba09f..c5c94c2c382f131647cb98e777f02047f4eb3fe0 100644 (file)
--- a/css/civicrmNavigation.css
+++ b/css/civicrmNavigation.css
@@ -132,4 +132,33 @@ li.menu-separator{
   width: 16px;
   height: 16px;
   vertical-align:middle;
-}
\ No newline at end of file
+}
+
+#civicrm-menu .ui-autocomplete-input,
+.crm-container .ui-autocomplete-input {
+  background: white url("../bower_components/select2/select2.png") no-repeat scroll right -23px;
+  padding-right: 16px;
+  /* so that text doesn't flow on top of icon */
+}
+
+#civicrm-menu #crm-qsearch {
+  padding: 1px 3px 1px 2px;
+  background-color: #000 !important;
+}
+
+#civicrm-menu #crm-qsearch input {
+  background-color: #eaeaea;
+  border: 1px solid black;
+  margin: 0;
+  padding: 2px 16px 3px 2px;
+  height: 16px;
+}
+#civicrm-menu #crm-qsearch input:hover,
+#civicrm-menu #crm-qsearch input:focus,
+#civicrm-menu #crm-qsearch.activetarget input {
+  background-color: #ffffff;
+}
+/* This ensures the drop-down menus appear at the right height */
+#civicrm-menu > li.menumain {
+  height: 19px !important;
+}