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

form elements inherit height from flex

Browse Source
This commit is contained in:
Mark Eaton
2022-07-13 12:22:50 -04:00
parent 934833c042
commit d210b3a646
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/home/LibAnswers-4-js-css.html
+5
View File
@@ -280,7 +280,11 @@ a.no-underline { text-decoration: none; }
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
} }
.inherit-height-from-flex {
height: inherit;
}
/* shadow for the search bar */
#blue-border1 { #blue-border1 {
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue); 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 { #blue-border3 {
box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue); 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; } .nav-by-jumbotron { margin-top: 0px !important; }
#lighthouse-logo { #lighthouse-logo {
display: inline-block; display: inline-block;
groups/home/LibAnswers-SlideOutChat-4.html
+2 -2
View File
@@ -323,10 +323,10 @@
</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" id="blue-border2"> <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>
<div class="input-group zero-margin" id="blue-border3"> <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>
</div> </div>
</form> </form>