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

refactor(samples): simplify calc-01 topbar layout and remove debug labels

Browse Source
This commit is contained in:
MatMoul
2026-04-25 02:27:25 +02:00
parent 3d58309e0d
commit 3b7f35a00d
3 changed files with 40 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-01/index.html
+19 -28
View File
@@ -9,11 +9,6 @@
<body>
<div class="wrap">
<div class="calc">
<div class="brand">
<h1>HP48-style RPN</h1>
<small>powered by src/rpn-calculator.js</small>
</div>
<div class="screen" id="screen" tabindex="0" role="application" aria-label="HP48 style calculator screen">
<div class="screen-top">
<div>RPN stack</div>
@@ -26,31 +21,28 @@
<input id="input" class="hidden-input" type="text" autocomplete="off" aria-hidden="true" tabindex="-1">
<div class="topbar">
<div class="topbar-cell menu-cell" id="modeMenuWrap">
<div class="topbar-label">mode</div>
<button type="button" class="menu-trigger key-function" id="modeMenuButton" aria-haspopup="true" aria-expanded="false">deg</button>
<div class="popup-menu" id="modeMenu" hidden></div>
<select id="angleMode" class="hidden-select" aria-hidden="true" tabindex="-1">
<option value="deg">Degrees</option>
<option value="rad">Radians</option>
<option value="grad">Grads</option>
</select>
</div>
<div class="topbar-group">
<div class="menu-cell" id="modeMenuWrap">
<button type="button" class="menu-trigger key-function" id="modeMenuButton" aria-haspopup="true" aria-expanded="false">mode</button>
<div class="popup-menu" id="modeMenu" hidden></div>
<select id="angleMode" class="hidden-select" aria-hidden="true" tabindex="-1">
<option value="deg">Degrees</option>
<option value="rad">Radians</option>
<option value="grad">Grads</option>
</select>
</div>
<div class="topbar-cell menu-cell consts-cell" id="constsMenuWrap">
<div class="topbar-label">consts</div>
<button type="button" class="menu-trigger key-function" id="constsMenuButton" aria-haspopup="true" aria-expanded="false">consts</button>
<div class="popup-menu popup-menu-compact" id="constsMenu" hidden></div>
</div>
<div class="menu-cell" id="constsMenuWrap">
<button type="button" class="menu-trigger key-function" id="constsMenuButton" aria-haspopup="true" aria-expanded="false">consts</button>
<div class="popup-menu popup-menu-compact" id="constsMenu" hidden></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-spacer" aria-hidden="true"></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 class="action-cell" id="deleteButton"></div>
<div class="action-cell wide-action" id="backspaceButton"></div>
<div class="action-cell" id="escapeButton"></div>
</div>
</div>
<div class="keyboard-layout">
@@ -71,7 +63,6 @@
</div>
<div id="error" class="error"></div>
<div class="hint">Keyboard: digits, numpad, Enter, Backspace, Delete, Esc, ↑, ↓, →, +, -, *, /, %, ^, q, n, r, i, g, l, s, c, S, C, x, y, z, t</div>
</div>
</div>