ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-26 11:05:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Additional styling for dropdown menu

Browse source
This commit is contained in:
Thomas Smith 2022-09-09 11:04:36 -04:00 committed by Jacob Heider
parent 0d4646ee8d
commit e23b42b903
No known key found for this signature in database
GPG key ID: A98011B5713535BF
1 changed files with 49 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
src/layouts/page/white-paper.html
View file

@ -72,28 +72,59 @@
</div>
<div class="row">
<hr>
<div class="col">
<h4>Our white paper is available in multiple languages</h4>
<p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
</div>
<div class="col">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Choose a Language
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Belarusian</a></li>
<li><a class="dropdown-item" href="#">German</a></li>
<li><a class="dropdown-item" href="#">Indonesian</a></li>
<li><a class="dropdown-item" href="#">Korean</a></li>
<li><a class="dropdown-item" href="#">Spanish</a></li>
</ul>
<div class="col mb-4 mt-3">
<h4>Our white paper is available in multiple languages</h4>
<p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Choose a Language
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">English</a></li>
<li><a class="dropdown-item" href="#">Belarusian</a></li>
<li><a class="dropdown-item" href="#">German</a></li>
<li><a class="dropdown-item" href="#">Indonesian</a></li>
<li><a class="dropdown-item" href="#">Korean</a></li>
<li><a class="dropdown-item" href="#">Spanish</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<style>
.languages{
border: 2px solid white;
border-radius: 30px;
width:240px;
background-color:#1C1E21;
}
.languages:hover{
background-color:#23282c;
}
.languages:focus{
background-color:#1C1E21;
}
.dropdown-menu{
width:240px;
background-color:#23282c;
color:white;
}
.dropdown-item{
color:white;
}
.dropdown-item:hover{
background-color: #54BAAB;
}
</style>
<!-- Start PDF -->
<div class="container pdf-iframe"