.button-square

This commit is contained in:
ReznoRMichael 2022-01-11 11:56:38 +01:00
parent eae35a6e51
commit d6bd9589ed
5 changed files with 13 additions and 5 deletions

View file

@ -204,7 +204,7 @@
<div class="input-buttons"> <div class="input-buttons">
<input id="toggle-mode" class="input-button" type="button" value="modeFile"> <input id="toggle-mode" class="input-button" type="button" value="modeFile">
<label for="toggle-mode" id="toggle-mode-label" class="button" title="Switch Mode: Text or File.">🔄</label> <label for="toggle-mode" id="toggle-mode-label" class="button button-square" title="Switch Mode: Text or File.">🔄</label>
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*"> <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
<label for="save-area-file" id="file-input-label" class="button button-large" title="Navigate to Hollow Knight's Save File Location and select a user*.dat File."><i class="icon-doc-text-inv"></i>Choose Save <label for="save-area-file" id="file-input-label" class="button button-large" title="Navigate to Hollow Knight's Save File Location and select a user*.dat File."><i class="icon-doc-text-inv"></i>Choose Save
@ -212,7 +212,7 @@
<button id="save-area-read" class="button button-large hidden" type="button">Analyze Text</button> <button id="save-area-read" class="button button-large hidden" type="button">Analyze Text</button>
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" <a class="button button-square" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank"><i class="icon-download-cloud" title="Download a Save File from your Steam Cloud Storage for Hollow Knight."></i></a> target="_blank"><i class="icon-download-cloud" title="Download a Save File from your Steam Cloud Storage for Hollow Knight."></i></a>
</div> </div>

View file

@ -593,6 +593,10 @@ input[type="file"] {
border-radius: 4px; border-radius: 4px;
} }
.button-square {
padding: 0.3rem;
}
.tab-switch { .tab-switch {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
color: rgb(0, 180, 156); color: rgb(0, 180, 156);

File diff suppressed because one or more lines are too long

View file

@ -418,6 +418,10 @@ input[type="file"] {
border-radius: 4px; border-radius: 4px;
} }
.button-square {
padding: 0.3rem;
}
.tab-switch { .tab-switch {
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
color: rgb(0, 180, 156); color: rgb(0, 180, 156);

View file

@ -89,7 +89,7 @@
<div class="input-buttons"> <div class="input-buttons">
<input id="toggle-mode" class="input-button" type="button" value="modeFile"> <input id="toggle-mode" class="input-button" type="button" value="modeFile">
<label for="toggle-mode" id="toggle-mode-label" class="button" title="Switch Mode: Text or File.">🔄</label> <label for="toggle-mode" id="toggle-mode-label" class="button button-square" title="Switch Mode: Text or File.">🔄</label>
<!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> --> <!-- <input id="save-area-file" class="" type="file" name="file" accept=".dat,.bak*" onchange="LoadSaveFile(this);" onclick="this.value = '';"> -->
<input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*"> <input id="save-area-file" class="input-file" type="file" name="file" accept=".dat,.bak*">
<label for="save-area-file" id="file-input-label" class="button button-large" title="Navigate to Hollow Knight's Save File Location and select a user*.dat File."><i class="icon-doc-text-inv"></i>Choose Save <label for="save-area-file" id="file-input-label" class="button button-large" title="Navigate to Hollow Knight's Save File Location and select a user*.dat File."><i class="icon-doc-text-inv"></i>Choose Save
@ -97,7 +97,7 @@
<button id="save-area-read" class="button button-large hidden" type="button">Analyze Text</button> <button id="save-area-read" class="button button-large hidden" type="button">Analyze Text</button>
<a class="button" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520" <a class="button button-square" href="https://store.steampowered.com/account/remotestorageapp/?appid=367520"
target="_blank"><i class="icon-download-cloud" title="Download a Save File from your Steam Cloud Storage for Hollow Knight."></i></a> target="_blank"><i class="icon-download-cloud" title="Download a Save File from your Steam Cloud Storage for Hollow Knight."></i></a>
</div> </div>