GameCult/repixelizer
Watch
9
0
Fork
You've already forked repixelizer
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move canvas card into editor toolbar

Browse source
This commit is contained in:
Meta Vens 2026-04-26 04:38:11 +01:00
commit ddcd73b9ce
2 changed files with 17 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/repixelizer/gui_static/index.html
View file

@ -97,10 +97,6 @@
<p class="copy-tag">Pencil the stragglers. Wheel zooms to cursor, middle mouse pans, Alt steals color.</p>
</div>
<div class="editor-actions">
<div id="editorCanvasSizeCard" class="info-card editor-canvas-card">
<strong>Canvas</strong>
<span id="editorCanvasSizeValue">n/a</span>
</div>
<div class="editor-button-group">
<button id="resetEditorButton" class="button button-small button-secondary" type="button">Reset Output</button>
<button id="downloadButton" class="button button-small" type="button">Export PNG</button>
@ -139,6 +135,11 @@
<input id="gridToggle" type="checkbox" checked />
<span>Grid</span>
</label>
<div class="editor-toolbar-spacer" aria-hidden="true"></div>
<div id="editorCanvasSizeCard" class="info-card editor-canvas-card">
<strong>Canvas</strong>
<span id="editorCanvasSizeValue">n/a</span>
</div>
</div>
<div class="editor-stage">

12
src/repixelizer/gui_static/styles.css
View file

@ -873,9 +873,17 @@ select.field-control optgroup {
justify-content: flex-end;
}
.editor-toolbar-spacer {
flex: 1 1 0;
min-width: 0;
}
.editor-canvas-card {
width: clamp(148px, 16vw, 196px);
min-width: 148px;
max-width: 196px;
padding: 10px 12px;
margin-left: auto;
}
.editor-canvas-card span {
@ -1108,6 +1116,10 @@ select:focus-visible {
width: 100%;
}
.editor-toolbar-spacer {
display: none;
}
.status-metrics {
grid-template-columns: repeat(var(--status-metric-count), minmax(88px, 1fr));
}