backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-16 17:31: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; 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 { #aboutContent {
text-align: justify; text-align: justify;
} }
@ -758,7 +766,7 @@ input[type="color"]::-webkit-color-swatch-wrapper {
#viewMode > button { #viewMode > button {
padding: 0.35em; padding: 0.35em;
margin: 0.2em 0.3em 0.6em 0.3em; margin: 0.3em 0.3em 0.6em 0.3em;
float: left; float: left;
width: 30.7%; width: 30.7%;
} }

8
index.html
View file

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