Update CSS and templates

This commit is contained in:
Oliver-Akins 2025-04-27 21:32:52 -06:00
parent d614c415c3
commit 48b31f7dec
4 changed files with 45 additions and 18 deletions

View file

@ -1,5 +1,4 @@
.stat-tracker.StatsViewer { .stat-tracker.StatsViewer {
.window-content { .window-content {
gap: 1rem; gap: 1rem;
} }
@ -8,11 +7,17 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1rem; gap: 1rem;
> div {
width: 100%;
} }
}
[data-application-part="dataFilters"] { [data-application-part="dataFilters"] {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem; gap: 1rem;
align-items: end;
} }
[data-application-part="graph"] { [data-application-part="graph"] {
@ -20,4 +25,10 @@
justify-items: center; justify-items: center;
position: relative; position: relative;
} }
.control-group {
display: flex;
flex-direction: column;
gap: 2px;
}
} }

View file

@ -1,12 +1,19 @@
<div> <div>
<div> <div class="control-group">
Extra Controls <label for="{{meta.idp}}-private-data">
</div> Private Data Visibility
{{!-- This currently doesn't support any placeholders :( --}} </label>
<multi-select <select
data-bind="_selectedUsers" id="{{meta.idp}}-private-data"
data-bind="_privacySetting"
> >
<option value="">Add a User</option> {{ st-options privacySetting privacyOptions }}
{{ st-options selectedUsers users }} </select>
</multi-select> </div>
<stats-tracker-multi-select
data-bind="_selectedUsers"
placeholder="STAT_TRACKER.common.Users"
>
{{ st-options selectedUsers users }}
</stats-tracker-multi-select>
</div> </div>

View file

@ -1,3 +0,0 @@
<div>
Table Overview
</div>

View file

@ -1,14 +1,26 @@
<div> <div>
<div class="control-group">
<label for="{{meta.idp}}-selected-table">
{{ localize "STAT_TRACKER.common.Table" }}
</label>
<select <select
id="{{meta.idp}}-selected-table"
data-bind="_selectedTable" data-bind="_selectedTable"
> >
{{ st-options table tables }} {{ st-options table tables }}
</select> </select>
</div>
{{#if subtables}} {{#if subtables}}
<div class="control-group">
<label for="{{meta.idp}}-selected-subtable">
{{ localize "STAT_TRACKER.common.Subtable" }}
</label>
<select <select
id="{{meta.idp}}-selected-subtable"
data-bind="_selectedSubtable" data-bind="_selectedSubtable"
> >
{{ st-options subtable subtables }} {{ st-options subtable subtables }}
</select> </select>
</div>
{{/if}} {{/if}}
</div> </div>