starnakin/42_ft_transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

css: improved lang dropdown menu

Browse Source
This commit is contained in:
AdrienLSH 2024-02-13 11:01:48 +01:00
parent 2e425d3f0c
commit 08833f9c93
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/static/css/index.css
View File

@ -25,3 +25,7 @@
opacity: 0; opacity: 0;
transition: opacity 0.25s; transition: opacity 0.25s;
} }
#languageSelector > .dropdown-item.active {
background-color: transparent;
}

6
frontend/templates/index.html
View File

@ -22,9 +22,9 @@
Lang. Lang.
</a> </a>
<div id='languageSelector' class='dropdown-menu dropdown-menu-end position-absolute text-center px-2' style='min-width: 65px'> <div id='languageSelector' class='dropdown-menu dropdown-menu-end position-absolute text-center px-2' style='min-width: 65px'>
<button value='en' type='button' class="dropdow-item nav-link text-center py-1">🇬🇧 EN</button> <button value='en' type='button' class="dropdown-item nav-link text-center py-1">🇬🇧 EN</button>
<button value='fr' type='button' class="dropdow-item nav-link text-center py-1">🇫🇷 FR</button> <button value='fr' type='button' class="dropdown-item nav-link text-center py-1">🇫🇷 FR</button>
<button value='tp' type='button' class="dropdow-item nav-link text-center py-1">🗣️👍🖼️❤️ toki pona</button> <button value='tp' type='button' class="dropdown-item nav-link text-center py-1">🗣️👍🖼️❤️ toki pona</button>
<button value='cr' type='button' class="dropdown-item nav-link text-center py-1" style="background-image: url(https://image.noelshack.com/fichiers/2023/06/1/1675686620-full.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: transparent;">Crampté</button> <button value='cr' type='button' class="dropdown-item nav-link text-center py-1" style="background-image: url(https://image.noelshack.com/fichiers/2023/06/1/1675686620-full.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: transparent;">Crampté</button>
</div> </div>
</div> </div>