ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add blue border to OneSearch search

Browse Source
This commit is contained in:
Mark Eaton
2022-06-15 11:43:29 -04:00
parent c21d6ca7f4
commit a519967a0e
2 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/home/LibAnswers-4-js-css.html
+20 -5
View File
@@ -12,7 +12,7 @@ body {
#login-div { #login-div {
float: right; float: right;
padding-right: 17px; padding-right: 17px;
font-size: 1.2em; font-size: 1.21em; /* I would like to set this at 1.2em, but for some strange reason this breaks the OneSearch dropdown button */
} }
/* style alert */ /* style alert */
@@ -154,7 +154,6 @@ a.no-underline { text-decoration: none; }
} }
.panel-heading { padding: 2px; } .panel-heading { padding: 2px; }
}
/* style the gallery */ /* style the gallery */
@@ -266,7 +265,7 @@ a.no-underline { text-decoration: none; }
#corona-alert { margin: -25px 6px 0px 12px; } #corona-alert { margin: -25px 6px 0px 12px; }
.form-width { width: 220px; } .form-width { width: 210px; }
.zero-margin { margin: 7px auto; } .zero-margin { margin: 7px auto; }
@@ -288,12 +287,28 @@ a.no-underline { text-decoration: none; }
} }
} }
@media only screen and (min-width: 767px) { @media only screen and (min-width: 768px) {
#corona-alert { margin: -20px 12px 0px 12px; } #corona-alert { margin: -20px 12px 0px 12px; }
.zero-margin { margin: -2px; } .zero-margin { margin: -2px; }
#blue-border1 {
outline: 5px solid #003466;
outline-right: 0px;
outline-offset: -1px;
}
#blue-border2 {
box-shadow: 0px -4.5px 0 #003466, 0px 4.5px 0 #003466;
}
#blue-border3 {
outline: 5px solid #003466;
outline-left: 0px;
outline-offset: -1px;
}
.nav-by-jumbotron { margin-top: 0px !important; } .nav-by-jumbotron { margin-top: 0px !important; }
#lighthouse-logo { #lighthouse-logo {
@@ -344,7 +359,7 @@ a.no-underline { text-decoration: none; }
nav.navbar-default.yamm { margin-top: 10px; } nav.navbar-default.yamm { margin-top: 10px; }
.form-width { width: 350px; } .form-width { width: 340px; }
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
groups/home/LibAnswers-SlideOutChat-4.html
+3 -3
View File
@@ -253,7 +253,7 @@
</a> </a>
</h1> </h1>
<div class="form-group"> <div class="form-group">
<div class="dropdown input-group zero-margin"> <div class="dropdown input-group zero-margin" id="blue-border1">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<strong>Define Your Search</strong> <span class="caret"></span> <strong>Define Your Search</strong> <span class="caret"></span>
</button> </button>
@@ -329,10 +329,10 @@
</ul> </ul>
</div> </div>
<label class="sr-only" for="primoQueryTemp">Search terms</label> <label class="sr-only" for="primoQueryTemp">Search terms</label>
<div class="input-group zero-margin form-width"> <div class="input-group zero-margin form-width" id="blue-border2">
<input type="text" class="form-control form-width" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here"> <input type="text" class="form-control form-width" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
</div> </div>
<div class="input-group zero-margin"> <div class="input-group zero-margin" id="blue-border3">
<input type="submit" class="btn btn-default form-control onesearchsubmit" value="Search" type="submit" onclick="return addPrimoQuery(event);" /> <input type="submit" class="btn btn-default form-control onesearchsubmit" value="Search" type="submit" onclick="return addPrimoQuery(event);" />
</div> </div>
</div> </div>