ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-23 04:35: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

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

@ -72,13 +72,11 @@
</div> </div>
<div class="row"> <div class="row">
<hr> <hr>
<div class="col"> <div class="col mb-4 mt-3">
<h4>Our white paper is available in multiple languages</h4> <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> <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"> <div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
Choose a Language Choose a Language
</button> </button>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
@ -94,6 +92,39 @@
</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 --> <!-- Start PDF -->
<div class="container pdf-iframe" <div class="container pdf-iframe"