add dismissable alert

This commit is contained in:
Mark Eaton
2021-02-28 21:39:57 -05:00
parent fde187813e
commit 071991a93a
2 changed files with 29 additions and 1 deletions
@@ -25,6 +25,20 @@ body {
margin-left: 16px;
}
/* style dismissible alert */
#covid-alert {
text-align: center;
max-width: 500px;
margin-bottom: 30px !important;
font-size: 1.5em;
}
#covid-alert a {
color: #6c4a00;
text-decoration: underline;
}
/* style jumbotron */
.onesearch-jumbotron {
+15 -1
View File
@@ -176,6 +176,18 @@
</div>
</div>
<div class="container">
<div class="row ">
<div class="col-xs-1 col-sm-2 col-md-3">
</div>
<div class="col-xs-10 col-sm-8 col-md-6">
<div class="alert alert-warning alert-dismissible" role="alert" id="covid-alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<strong>Alert:</strong> <a href="">Library Services during COVID-19</a>
</div>
</div>
<div class="col-xs-1 col-sm-2 col-md-3">
</div>
</div>
<div class="row">
<div class="col-sm-8">
<form class="form-inline yamm onesearch-jumbotron" name="searchPrimoForm1" role="search" method="get" action="https://cuny-kb.primo.exlibrisgroup.com/discovery/search" onsubmit="addPrimoQuery();" enctype="application/x-www-form-urlencoded; charset=utf-8" id="formToAppendInputsTo">
@@ -194,7 +206,9 @@
<h1 id="onesearch-header">OneSearch</h1>
<div class="form-group">
<div class="dropdown input-group zero-margin">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Define Your Search <span class="caret"></span></button> <!-- keep this as one line, because the JS relies on an exact match -->
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Define Your Search <span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
<li>
<div class="yamm-content yamm4">