Change version text to button, move config button to opposing corner

This commit is contained in:
CakeLancelot 2024-09-23 18:12:42 -05:00
parent 4503c9268e
commit 19e036ddf9
3 changed files with 34 additions and 22 deletions

View File

@ -59,12 +59,18 @@ body {
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
} }
#of-versionnumberdiv { #of-about-button-div {
position: fixed; position: fixed;
bottom: 4px; bottom: 4px;
right: 8px; right: 8px;
} }
#of-config-button-div {
position: fixed;
bottom: 4px;
left: 8px;
}
.btn-primary { .btn-primary {
background-image: url("../../assets/img/btn-primary-bg.png"); background-image: url("../../assets/img/btn-primary-bg.png");
background-repeat: repeat; background-repeat: repeat;

View File

@ -78,7 +78,6 @@ function getAppVersion() {
function setAppVersionText() { function setAppVersionText() {
$("#of-aboutversionnumber").text("Version " + getAppVersion()); $("#of-aboutversionnumber").text("Version " + getAppVersion());
$("#of-versionnumber").text("v" + getAppVersion());
} }
function validateServerSave(modalName) { function validateServerSave(modalName) {

View File

@ -1,4 +1,4 @@
<!doctype html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@ -108,18 +108,6 @@
</button> </button>
</div> </div>
<div class="col-4 d-inline-flex justify-content-end"> <div class="col-4 d-inline-flex justify-content-end">
<button
class="btn btn-primary mr-1"
data-toggle="modal"
data-bs-tooltip=""
data-placement="bottom"
id="of-editconfig-button"
type="button"
title="Edit Configuration"
data-target="#of-editconfigmodal"
>
<i class="fas fa-cog"></i>
</button>
<button <button
class="btn btn-primary mr-1" class="btn btn-primary mr-1"
data-toggle="modal" data-toggle="modal"
@ -183,6 +171,7 @@
data-target="#of-restoreserversmodal" data-target="#of-restoreserversmodal"
>Reset to Default Servers</a >Reset to Default Servers</a
> >
<br />
<a <a
href="#of-restoreversionsmodal" href="#of-restoreversionsmodal"
onclick="$('#of-aboutmodal').modal('toggle')" onclick="$('#of-aboutmodal').modal('toggle')"
@ -886,15 +875,33 @@
</div> </div>
</div> </div>
</div> </div>
<div id="of-versionnumberdiv"> <div id="of-config-button-div">
<a <button
id="of-versionnumber" class="btn btn-primary mr-1"
class="text-monospace text-secondary"
href="#of-aboutmodal"
data-toggle="modal" data-toggle="modal"
data-target="#of-aboutmodal" data-bs-tooltip=""
>v0</a data-placement="right"
id="of-editconfig-button"
type="button"
title="Edit Configuration"
data-target="#of-editconfigmodal"
> >
<i class="fas fa-cog"></i>
</button>
</div>
<div id="of-about-button-div">
<button
class="btn btn-primary mr-1"
data-toggle="modal"
data-bs-tooltip=""
data-placement="left"
id="of-about-button"
type="button"
title="About OpenFusionClient"
data-target="#of-aboutmodal"
>
<i class="fas fa-info-circle"></i>
</button>
</div> </div>
</section> </section>
<section> <section>