Changed buttons that used <span> into <button> elements for real this time

This commit is contained in:
danielyxie 2018-10-03 13:09:11 -05:00
parent 781f2f09b4
commit 04dc08935f
5 changed files with 46 additions and 58 deletions

@ -11,6 +11,7 @@
/* Remove default <button> styling */ /* Remove default <button> styling */
button { button {
border: none; border: none;
background-color: transparent;
} }
.a-link-button, .a-link-button,

@ -53,26 +53,19 @@
} }
} }
/*
#interactive-tutorial-exit {
float: left;
}
#interactive-tutorial-back {
margin-right: 20%;
float: right;
}
*/
#interactive-tutorial-exit { #interactive-tutorial-exit {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
padding: 4px;
} }
#interactive-tutorial-back { #interactive-tutorial-back {
float: left; float: left;
padding: 4px;
} }
#interactive-tutorial-next { #interactive-tutorial-next {
float: right; float: right;
padding: 4px;
} }

22
dist/engine.css vendored

@ -482,7 +482,8 @@ a:visited {
*/ */
/* Remove default <button> styling */ /* Remove default <button> styling */
button { button {
border: none; } border: none;
background-color: transparent; }
.a-link-button, .a-link-button,
.std-button { .std-button {
@ -1530,26 +1531,19 @@ button {
text-decoration: none; text-decoration: none;
cursor: pointer; } cursor: pointer; }
/*
#interactive-tutorial-exit {
float: left;
}
#interactive-tutorial-back {
margin-right: 20%;
float: right;
}
*/
#interactive-tutorial-exit { #interactive-tutorial-exit {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; } left: 0;
padding: 4px; }
#interactive-tutorial-back { #interactive-tutorial-back {
float: left; } float: left;
padding: 4px; }
#interactive-tutorial-next { #interactive-tutorial-next {
float: right; } float: right;
padding: 4px; }
/* COLORS */ /* COLORS */
/* Attributes */ /* Attributes */

@ -723,8 +723,8 @@
<!-- Log Box --> <!-- Log Box -->
<div id="log-box-container"> <div id="log-box-container">
<div id="log-box-content"> <div id="log-box-content">
<span id="log-box-close" class="popup-box-button"> Close </span> <button id="log-box-close" class="popup-box-button"> Close </button>
<span id="log-box-kill-script" class="popup-box-button">Kill Script</span> <button id="log-box-kill-script" class="popup-box-button">Kill Script</button>
<p id="log-box-text-header"> </p> <p id="log-box-text-header"> </p>
<p id="log-box-text"> </p> <p id="log-box-text"> </p>
</div> </div>
@ -734,8 +734,8 @@
<div id="yes-no-box-container" class="popup-box-container"> <div id="yes-no-box-container" class="popup-box-container">
<div id="yes-no-box-content" class="popup-box-content"> <div id="yes-no-box-content" class="popup-box-content">
<p id="yes-no-box-text"> </p> <p id="yes-no-box-text"> </p>
<span id="yes-no-box-yes" class="popup-box-button"> Yes </span> <button id="yes-no-box-yes" class="popup-box-button"> Yes </button>
<span id="yes-no-box-no" class="popup-box-button"> No </span> <button id="yes-no-box-no" class="popup-box-button"> No </button>
</div> </div>
</div> </div>
@ -744,8 +744,8 @@
<div id="yes-no-text-input-box-content" class="popup-box-content"> <div id="yes-no-text-input-box-content" class="popup-box-content">
<p id="yes-no-text-input-box-text"> </p> <p id="yes-no-text-input-box-text"> </p>
<input type="text" id="yes-no-text-input-box-input" pattern="[a-zA-Z0-9-_]" maxlength="30" /> <input type="text" id="yes-no-text-input-box-input" pattern="[a-zA-Z0-9-_]" maxlength="30" />
<span id="yes-no-text-input-box-yes" class="popup-box-button"> Yes </span> <button id="yes-no-text-input-box-yes" class="popup-box-button"> Yes </button>
<span id="yes-no-text-input-box-no" class="popup-box-button"> No </span> <button id="yes-no-text-input-box-no" class="popup-box-button"> No </button>
</div> </div>
</div> </div>
@ -758,8 +758,8 @@
Would you like to join? <br /> <br /> Would you like to join? <br /> <br />
Warning: Joining this faction may prevent you from joining other factions during this run! Warning: Joining this faction may prevent you from joining other factions during this run!
</p> </p>
<span id="faction-invitation-box-yes" class="popup-box-button"> Yes </span> <button id="faction-invitation-box-yes" class="popup-box-button"> Yes </button>
<span id="faction-invitation-box-no" class="popup-box-button"> No </span> <button id="faction-invitation-box-no" class="popup-box-button"> No </button>
</div> </div>
</div> </div>
@ -768,9 +768,9 @@
<div id="infiltration-box-content" class="popup-box-content"> <div id="infiltration-box-content" class="popup-box-content">
<p id="infiltration-box-text"> </p> <p id="infiltration-box-text"> </p>
<span id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </span> <br /><br /> <button id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </button> <br /><br />
<select id="infiltration-faction-select"> </select> <br /> <select id="infiltration-faction-select"> </select> <br />
<span id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </span> <button id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </button>
</div> </div>
</div> </div>
@ -783,7 +783,7 @@
<div id="work-in-progress-container" class="generic-fullscreen-container"> <div id="work-in-progress-container" class="generic-fullscreen-container">
<p id="work-in-progress-text"> </p> <p id="work-in-progress-text"> </p>
<span id="work-in-progress-cancel-button"> Cancel Work </span> <button id="work-in-progress-cancel-button"> Cancel Work </button>
</div> </div>
<!-- Red Pill Container --> <!-- Red Pill Container -->
@ -798,9 +798,9 @@
<div id="interactive-tutorial-wrapper"> <div id="interactive-tutorial-wrapper">
<div id="interactive-tutorial-container"> <div id="interactive-tutorial-container">
<p id="interactive-tutorial-text"> </p> <p id="interactive-tutorial-text"> </p>
<span id="interactive-tutorial-exit"> Exit Tutorial </span> <button id="interactive-tutorial-exit"> Exit Tutorial </button>
<span id="interactive-tutorial-next"> Next </span> <button id="interactive-tutorial-next"> Next </button>
<span id="interactive-tutorial-back"> Back </span> <button id="interactive-tutorial-back"> Back </button>
</div> </div>
</div> </div>
@ -839,8 +839,8 @@
</table> </table>
</div> </div>
<div class="character-quick-options"> <div class="character-quick-options">
<span id="character-overview-save-button">Save Game</span> <button id="character-overview-save-button">Save Game</button>
<span id="character-overview-options-button">Options</span> <button id="character-overview-options-button">Options</button>
</div> </div>
</div> </div>
</div> </div>
@ -853,7 +853,7 @@
<!-- Game Options --> <!-- Game Options -->
<div id="game-options-container" class="popup-box-container"> <div id="game-options-container" class="popup-box-container">
<div id="game-options-content" class="game-options-box"> <div id="game-options-content" class="game-options-box">
<span id="game-options-close-button">&times;</span> <button id="game-options-close-button">&times;</button>
<h1> Game Options </h1> <h1> Game Options </h1>
<br /> <br />
<div id="game-options-left-panel"> <div id="game-options-left-panel">

@ -725,8 +725,8 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<!-- Log Box --> <!-- Log Box -->
<div id="log-box-container"> <div id="log-box-container">
<div id="log-box-content"> <div id="log-box-content">
<span id="log-box-close" class="popup-box-button"> Close </span> <button id="log-box-close" class="popup-box-button"> Close </button>
<span id="log-box-kill-script" class="popup-box-button">Kill Script</span> <button id="log-box-kill-script" class="popup-box-button">Kill Script</button>
<p id="log-box-text-header"> </p> <p id="log-box-text-header"> </p>
<p id="log-box-text"> </p> <p id="log-box-text"> </p>
</div> </div>
@ -736,8 +736,8 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<div id="yes-no-box-container" class="popup-box-container"> <div id="yes-no-box-container" class="popup-box-container">
<div id="yes-no-box-content" class="popup-box-content"> <div id="yes-no-box-content" class="popup-box-content">
<p id="yes-no-box-text"> </p> <p id="yes-no-box-text"> </p>
<span id="yes-no-box-yes" class="popup-box-button"> Yes </span> <button id="yes-no-box-yes" class="popup-box-button"> Yes </button>
<span id="yes-no-box-no" class="popup-box-button"> No </span> <button id="yes-no-box-no" class="popup-box-button"> No </button>
</div> </div>
</div> </div>
@ -746,8 +746,8 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<div id="yes-no-text-input-box-content" class="popup-box-content"> <div id="yes-no-text-input-box-content" class="popup-box-content">
<p id="yes-no-text-input-box-text"> </p> <p id="yes-no-text-input-box-text"> </p>
<input type="text" id="yes-no-text-input-box-input" pattern="[a-zA-Z0-9-_]" maxlength="30" /> <input type="text" id="yes-no-text-input-box-input" pattern="[a-zA-Z0-9-_]" maxlength="30" />
<span id="yes-no-text-input-box-yes" class="popup-box-button"> Yes </span> <button id="yes-no-text-input-box-yes" class="popup-box-button"> Yes </button>
<span id="yes-no-text-input-box-no" class="popup-box-button"> No </span> <button id="yes-no-text-input-box-no" class="popup-box-button"> No </button>
</div> </div>
</div> </div>
@ -760,8 +760,8 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
Would you like to join? <br /> <br /> Would you like to join? <br /> <br />
Warning: Joining this faction may prevent you from joining other factions during this run! Warning: Joining this faction may prevent you from joining other factions during this run!
</p> </p>
<span id="faction-invitation-box-yes" class="popup-box-button"> Yes </span> <button id="faction-invitation-box-yes" class="popup-box-button"> Yes </button>
<span id="faction-invitation-box-no" class="popup-box-button"> No </span> <button id="faction-invitation-box-no" class="popup-box-button"> No </button>
</div> </div>
</div> </div>
@ -770,9 +770,9 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<div id="infiltration-box-content" class="popup-box-content"> <div id="infiltration-box-content" class="popup-box-content">
<p id="infiltration-box-text"> </p> <p id="infiltration-box-text"> </p>
<span id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </span> <br /><br /> <button id="infiltration-box-sell" class="a-link-button"> Sell on Black Market </button> <br /><br />
<select id="infiltration-faction-select"> </select> <br /> <select id="infiltration-faction-select"> </select> <br />
<span id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </span> <button id="infiltration-box-faction" class="a-link-button"> Give to Faction for Reputation </button>
</div> </div>
</div> </div>
@ -785,7 +785,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<div id="work-in-progress-container" class="generic-fullscreen-container"> <div id="work-in-progress-container" class="generic-fullscreen-container">
<p id="work-in-progress-text"> </p> <p id="work-in-progress-text"> </p>
<span id="work-in-progress-cancel-button"> Cancel Work </span> <button id="work-in-progress-cancel-button"> Cancel Work </button>
</div> </div>
<!-- Red Pill Container --> <!-- Red Pill Container -->
@ -800,9 +800,9 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<div id="interactive-tutorial-wrapper"> <div id="interactive-tutorial-wrapper">
<div id="interactive-tutorial-container"> <div id="interactive-tutorial-container">
<p id="interactive-tutorial-text"> </p> <p id="interactive-tutorial-text"> </p>
<span id="interactive-tutorial-exit"> Exit Tutorial </span> <button id="interactive-tutorial-exit"> Exit Tutorial </button>
<span id="interactive-tutorial-next"> Next </span> <button id="interactive-tutorial-next"> Next </button>
<span id="interactive-tutorial-back"> Back </span> <button id="interactive-tutorial-back"> Back </button>
</div> </div>
</div> </div>
@ -841,8 +841,8 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
</table> </table>
</div> </div>
<div class="character-quick-options"> <div class="character-quick-options">
<span id="character-overview-save-button">Save Game</span> <button id="character-overview-save-button">Save Game</button>
<span id="character-overview-options-button">Options</span> <button id="character-overview-options-button">Options</button>
</div> </div>
</div> </div>
</div> </div>
@ -855,7 +855,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<!-- Game Options --> <!-- Game Options -->
<div id="game-options-container" class="popup-box-container"> <div id="game-options-container" class="popup-box-container">
<div id="game-options-content" class="game-options-box"> <div id="game-options-content" class="game-options-box">
<span id="game-options-close-button">&times;</span> <button id="game-options-close-button">&times;</button>
<h1> Game Options </h1> <h1> Game Options </h1>
<br /> <br />
<div id="game-options-left-panel"> <div id="game-options-left-panel">