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";
}
#of-versionnumberdiv {
#of-about-button-div {
position: fixed;
bottom: 4px;
right: 8px;
}
#of-config-button-div {
position: fixed;
bottom: 4px;
left: 8px;
}
.btn-primary {
background-image: url("../../assets/img/btn-primary-bg.png");
background-repeat: repeat;

View File

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

View File

@ -1,4 +1,4 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
@ -108,18 +108,6 @@
</button>
</div>
<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
class="btn btn-primary mr-1"
data-toggle="modal"
@ -183,6 +171,7 @@
data-target="#of-restoreserversmodal"
>Reset to Default Servers</a
>
<br />
<a
href="#of-restoreversionsmodal"
onclick="$('#of-aboutmodal').modal('toggle')"
@ -886,15 +875,33 @@
</div>
</div>
</div>
<div id="of-versionnumberdiv">
<a
id="of-versionnumber"
class="text-monospace text-secondary"
href="#of-aboutmodal"
<div id="of-config-button-div">
<button
class="btn btn-primary mr-1"
data-toggle="modal"
data-target="#of-aboutmodal"
>v0</a
data-bs-tooltip=""
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>
</section>
<section>