m/mtm-rpn-js
1
0
Fork 0
Code Issues Actions Activity

feat(calc-01): move controls into a compact top bar

Browse Source
This commit is contained in:
MatMoul
2026-04-25 02:10:04 +02:00
parent 6a28aaaac6
commit 784c470b67
4 changed files with 130 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-01/index.html
+17 -8
View File
@@ -25,20 +25,29 @@
<input id="input" class="hidden-input" type="text" autocomplete="off" aria-hidden="true" tabindex="-1">
<div class="toolbar">
<div class="status">
<div class="pill">inputValue: <span id="inputValueLabel"></span></div>
<div class="pill">isEditing: <span id="editingLabel"></span></div>
</div>
<label class="mode-select">
<span>Angle</span>
<div class="topbar">
<label class="topbar-cell mode-select mode-cell">
<span>mode</span>
<select id="angleMode">
<option value="deg">Degrees</option>
<option value="rad">Radians</option>
<option value="grad">Grads</option>
</select>
</label>
<div class="topbar-cell consts-cell">
<div class="topbar-label">consts</div>
<div class="const-buttons" id="constButtons"></div>
</div>
<div class="topbar-status status">
<div class="pill">inputValue: <span id="inputValueLabel"></span></div>
<div class="pill">isEditing: <span id="editingLabel"></span></div>
</div>
<div class="topbar-cell action-cell" id="deleteButton"></div>
<div class="topbar-cell action-cell" id="backspaceButton"></div>
<div class="topbar-cell action-cell" id="escapeButton"></div>
</div>
<div class="keyboard-layout">