keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Fix gallery / table icons position

Browse Source 
fixes #10
This commit is contained in:
Théo Marchal 2021-02-12 11:13:34 +01:00
parent 4924e71361
commit 25d7fdfcaf
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
explorer.html
View File

@ -41,11 +41,7 @@
Le symbole &#8252;&#xFE0E; dans la colonne aide signifie que nous avons besoin d'aide pour obtenir une photo et que <a href="informations.html">vous pouvez contribuer</a>.<br>
Une fois cette liste générée, la configuration sera repliée, il suffit alors de cliquer sur la &#x25B6;&#xFE0E; flèche pour la faire réapparaître.</p>
<div class="style-container">
<h2 class="active">Configuration&nbsp;</h2>
<img class="style-select frame" src="styles/icons/frame.svg">
<img class="style-select list" src="styles/icons/list.svg">
</div>
<form name="explorer" action="" onsubmit="onSubmit();">
<div class="container">
<div class="box photos active">
@ -189,6 +185,10 @@
<input type="submit" value="Générer">
</form>
<p class="no-result"><strong>Aucun résultat.</strong> Veuillez réessayer avec d'autres paramètres.</p>
<div id="style-container">
<img class="style-select frame" src="styles/icons/frame.svg">
<img class="style-select list" src="styles/icons/list.svg">
</div>
<div id="gallery"></div>
<table>
<thead>

8
styles/main.css
View File

@ -390,9 +390,14 @@ article.explorer h2.active::after {
transform:rotate(0);
}
article.explorer img.style-select {
article.explorer #style-container {
display:block;
text-align:right;
margin-bottom:0;
}
article.explorer img.style-select {
display:inline;
max-height:2rem;
margin:0;
margin-bottom:0.25rem;
@ -491,7 +496,6 @@ article.explorer table {
border-collapse:separate;
border-spacing:0;
width:100%;
margin-top:1rem;
margin-bottom:1rem;
overflow-x:auto;
}