backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-16 09:21:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: layers - add tips

Browse source
This commit is contained in:
Azgaar 2024-07-07 18:59:34 +02:00
parent fc7ef72628
commit 6905c926d0
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
index.css
View file

@ -437,6 +437,14 @@ button.options:hover {
margin: 0.8em 0 0 0;
}
#options .tip {
color: #444;
font-size: 0.9em;
font-family: sans-serif;
font-style: italic;
margin-left: 0.5em;
}
#aboutContent {
text-align: justify;
}
@ -758,7 +766,7 @@ input[type="color"]::-webkit-color-swatch-wrapper {
#viewMode > button {
padding: 0.35em;
margin: 0.2em 0.3em 0.6em 0.3em;
margin: 0.3em 0.3em 0.6em 0.3em;
float: left;
width: 30.7%;
}

8
index.html
View file

@ -469,9 +469,7 @@
onclick="removePreset()"
></button>
<p data-tip="Click to toggle a layer, drag to raise or lower a layer. Ctrl + click to edit layer style">
Displayed layers and layers order:
</p>
<p>Displayed layers and layers order:</p>
<ul
data-tip="Click to toggle a layer, drag to raise or lower a layer. Ctrl + click to edit layer style"
id="mapLayers"
@ -716,13 +714,15 @@
<li
id="toggleVignette"
data-tip="Vignette (border fading): click to toggle. Ctrl + click to edit style"
data-shortcut="[ (left bracket)"
data-shortcut="[ (left square bracket)"
onclick="toggleVignette(event)"
class="solid"
>
Vignette
</li>
</ul>
<div class="tip">Click to toggle, drag to raise or lower the layer</div>
<div class="tip">Ctrl + click to edit layer style</div>
<div id="viewMode" data-tip="Set view node">
<p>View mode:</p>