OpenPunk/Client
1
0
Fork 0
mirror of https://github.com/OpenFusionProject/Client.git synced 2024-11-22 13:40:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

CSS and modal tweaks

Browse Source 
* Fix *most* selecting shenanigans in old Electron ver.
* Replace input field in add server modal with select
* Style select tag similarly to input
This commit is contained in:
CakeLancelot 2020-12-16 14:52:24 -06:00
parent 7f4be5f856
commit 217391b95e
2 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
resources/app/menu/assets/css/openfusion.css
View File

@ -1,5 +1,6 @@
#server-table { :not(input):not(textarea), :not(input):not(textarea)::after, :not(input):not(textarea)::before {
opacity: 0.90; -webkit-user-select: none;
user-select: none;
} }
#server-table > .table-striped tbody tr:nth-of-type(odd) { #server-table > .table-striped tbody tr:nth-of-type(odd) {
@ -10,6 +11,11 @@
background-color: #34476E; background-color: #34476E;
} }
#server-table {
font-size: 14pt;
opacity: 0.9;
}
#of-intro-text { #of-intro-text {
text-shadow: 1px 1px 8px #4349C4; text-shadow: 1px 1px 8px #4349C4;
color: #4A76B7; color: #4A76B7;
@ -80,8 +86,18 @@ input {
color: #fff; color: #fff;
} }
#server-table { select {
font-size: 14pt; border-color: #0099FF;
opacity: 0.9; background-color: #000;
color: #fff;
}
button:disabled {
cursor: not-allowed;
pointer-events: all !important;
}
button > i {
pointer-events: none;
} }

8
resources/app/menu/index.html
View File

@ -77,13 +77,13 @@
<div class="modal-header"> <div class="modal-header">
<h4 class="modal-title">Add Server</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div> <h4 class="modal-title">Add Server</h4><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body"> <div class="modal-body">
<fieldset class="text-left" name="of-addserver-fields"><label>Server Description<input type="text" class="form-row" name="of-serverdesc-field" placeholder="My OpenFusion Server" pattern=".*/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+):([0-9]+)" required="" size="50"></label><label>Server IP<input type="text" class="form-row" name="of-serverip-field" placeholder="127.0.0.1:23000" size="50"></label><label>Game Version<input type="text" class="form-row" name="of-serverdesc-field" list="gameversions" readonly="" placeholder="beta-20100104" size="50"></label></fieldset> <fieldset class="text-left" name="of-addserver-fields"><label>Server Description<input type="text" class="form-row" name="of-serverdesc-field" placeholder="My OpenFusion Server" pattern=".*/([0-9]+\.[0-9]+\.[0-9]+\.[0-9]+):([0-9]+)" required="" size="50"></label><label>Server IP<input type="text" class="form-row" name="of-serverip-field" placeholder="127.0.0.1:23000" size="50"></label></fieldset><label>Game Version:&nbsp;<select><option value="12" selected="">beta-20100104</option><option value="13">beta-20100728</option><option value="14">beta-20111013</option></select></label></div>
</div> <div
<div class="modal-footer"><button class="btn btn-primary border rounded border-primary btn-danger border-danger" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary disabled border rounded border-primary btn-success border-success" class="modal-footer"><button class="btn btn-primary border rounded border-primary btn-danger border-danger" type="button" data-dismiss="modal">Cancel</button><button class="btn btn-primary disabled border rounded border-primary btn-success border-success"
type="button" data-dismiss="modal" disabled="">Save</button></div> type="button" data-dismiss="modal" disabled="">Save</button></div>
</div>
</div> </div>
</div> </div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="of-deleteservermodal"> <div class="modal fade" role="dialog" tabindex="-1" id="of-deleteservermodal">
<div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content"> <div class="modal-content">