summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/pages/search.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/pages/search.scss')
-rw-r--r--app/assets/stylesheets/pages/search.scss13
1 files changed, 11 insertions, 2 deletions
diff --git a/app/assets/stylesheets/pages/search.scss b/app/assets/stylesheets/pages/search.scss
index cd99c667001..5fbb2e6443f 100644
--- a/app/assets/stylesheets/pages/search.scss
+++ b/app/assets/stylesheets/pages/search.scss
@@ -45,7 +45,7 @@ input[type='checkbox']:hover {
margin: 0 8px;
form {
- @extend .form-control;
+ display: block;
margin: 0;
padding: 4px;
width: $search-input-width;
@@ -139,7 +139,6 @@ input[type='checkbox']:hover {
&.search-active {
form {
- @extend .form-control:focus;
border-color: $blue-300;
box-shadow: none;
@@ -297,6 +296,16 @@ input[type='checkbox']:hover {
@include str-truncated(10em);
}
+.global-search-dropdown-menu {
+ width: 100% !important;
+ max-width: 400px;
+
+ @include media-breakpoint-up(md) {
+ // This is larger than the container so width: 100% doesn't work.
+ width: 400px !important;
+ }
+}
+
// Disable webkit input icons, link to solution: https://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling
/* stylelint-disable property-no-vendor-prefix */
input[type='search']::-webkit-search-decoration,