MirrorHub/atlas
0
0
Fork 0
mirror of https://github.com/placeAtlas/atlas.git synced 2025-04-28 04:33:13 +02:00
Code Issues Projects Releases Wiki Activity

Use button class instead of referring IDs

Browse source
This commit is contained in:
Hans5958 2022-04-08 12:47:08 +07:00
parent a996899814
commit 9c4aea3c3b
3 changed files with 8 additions and 10 deletions

12
web/_css/style.css
View file

@ -78,9 +78,7 @@ a:hover {
}
button,
#exportDirectPost,
#aboutBackButton,
#drawBackButton {
.button, {
background-image: linear-gradient(to bottom, #888, #666);
border: 1px #000 solid;
color: #FFF;
@ -96,7 +94,9 @@ button::-moz-focus-inner {
}
button:disabled,
button:disabled:hover {
button:disabled:hover,
.button:disabled,
.button:disabled:hover {
background-image: none;
background-color: #666;
color: #AAA;
@ -104,9 +104,7 @@ button:disabled:hover {
}
button:hover,
#exportDirectPost:hover,
#aboutBackButton:hover,
#drawBackButton:hover {
.button:hover {
background-image: linear-gradient(to bottom, #999, #777);
text-decoration: none;
}

2
web/about.html
View file

@ -56,7 +56,7 @@
<div id="aboutContainer">
<a id="aboutBackButton" href="./">&lt; Back to the Atlas</a>
<a id="aboutBackButton" class="button" href="./">&lt; Back to the Atlas</a>
<div id="about">
<a href="https://www.netlify.com">
<img src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg" alt="Deploys by Netlify" />

4
web/index.html
View file

@ -162,7 +162,7 @@
</div>
<div id="drawControlsContainer">
<a id="drawBackButton" href="./">&lt; Back to the Atlas</a>
<a id="drawBackButton" class="button" href="./">&lt; Back to the Atlas</a>
<div id="drawControls">
<div>
<button id="undoButton" disabled>Undo</button>
@ -209,7 +209,7 @@
<div id="exportWindow">
<p><b>Recommended:</b> Post directly after clicking this button. Don't forget to flair it with the "New Entry" tag. </p>
<div style="display:flex; flex-direction:column;align-items:center">
<a href="_blank" id="exportDirectPost">Post Direct to Reddit</a>
<a href="_blank" id="exportDirectPost" class="button">Post Direct to Reddit</a>
</div>
<hr style="border-bottom: solid black 1px"/>
<i>or...</i>