form elements inherit height from flex
This commit is contained in:
@@ -280,7 +280,11 @@ a.no-underline { text-decoration: none; }
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
.inherit-height-from-flex {
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
/* shadow for the search bar */
|
||||
#blue-border1 {
|
||||
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
|
||||
}
|
||||
@@ -290,6 +294,7 @@ a.no-underline { text-decoration: none; }
|
||||
#blue-border3 {
|
||||
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
|
||||
}
|
||||
|
||||
.nav-by-jumbotron { margin-top: 0px !important; }
|
||||
#lighthouse-logo {
|
||||
display: inline-block;
|
||||
|
||||
@@ -323,10 +323,10 @@
|
||||
</div>
|
||||
<label class="sr-only" for="primoQueryTemp">Search terms</label>
|
||||
<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 inherit-height-from-flex" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
|
||||
</div>
|
||||
<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 inherit-height-from-flex" value="Search" type="submit" onclick="return addPrimoQuery(event);" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
Reference in New Issue
Block a user