yrtria/azerothcore-armory
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Activity Actions

feat(index): add styling to realm select

Browse source
This commit is contained in:
Axel Cocat 2022-02-26 14:59:17 +01:00
parent 08bb89568d
commit 9c56c55ac8
2 changed files with 23 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

9
static/css/index.css
View file

@ -13,3 +13,12 @@
#results_processing { #results_processing {
height: 70px; height: 70px;
} }
#select-realm-container {
display: flex;
}
#select-realm-container .realm-label {
align-self: center;
margin-right: 4px;
}

20
static/index.html
View file

@ -3,16 +3,24 @@
<link rel="stylesheet" type="text/css" href="/css/datatables.css"> <link rel="stylesheet" type="text/css" href="/css/datatables.css">
<script type="application/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script> <script type="application/javascript" src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<h1>Armory</h1> <h1 class="title is-size-1">Armory</h1>
{{#if (not (equalsLength realms 1))}} {{#if (not (equalsLength realms 1))}}
<select id="select-realm">
{{#each realms}} <div id="select-realm-container">
<option>{{this}}</option> <span class="realm-label">Realm:</span>
{{/each}} <div class="select">
</select> <select id="select-realm">
{{#each realms}}
<option>{{this}}</option>
{{/each}}
</select>
</div>
</div>
{{/if}} {{/if}}
<br>
<table id="results" class="stripe hover row-border"> <table id="results" class="stripe hover row-border">
<thead> <thead>
<tr> <tr>