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

feat(calc-02): replace display button labels with symbols

Browse Source
This commit is contained in:
MatMoul
2026-05-15 19:09:24 +02:00
parent 9bca077347
commit 2505a102df
3 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
samples/calc-02/index.css
+2
View File
@@ -247,6 +247,7 @@ button {
cursor: pointer; cursor: pointer;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 0 rgba(0, 0, 0, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 3px 0 rgba(0, 0, 0, 0.28);
transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease; transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease;
line-height: 1;
} }
button:hover { button:hover {
@@ -358,6 +359,7 @@ button:active {
border-radius: 10px; border-radius: 10px;
padding: 8px 6px; padding: 8px 6px;
font-size: 13px; font-size: 13px;
line-height: 1;
} }
.display-buttons-panel { .display-buttons-panel {
samples/calc-02/index.html
+6 -6
View File
@@ -22,12 +22,12 @@
<div class="display-buttons-panel"> <div class="display-buttons-panel">
<button id="modeButton" class="display-button">Mode</button> <button id="modeButton" class="display-button">Mode</button>
<button id="pasteButton" class="display-button">Paste</button> <button id="pasteButton" class="display-button">⎘</button>
<button id="upButton" class="display-button">Up</button> <button id="upButton" class="display-button">↑</button>
<button id="constButton" class="display-button">Const</button> <button id="constButton" class="display-button">π</button>
<button id="rightButton" class="display-button display-button-offset">Right</button> <button id="leftButton" class="display-button display-button-offset">←</button>
<button id="downButton" class="display-button">Down</button> <button id="downButton" class="display-button">↓</button>
<button id="constRightButton" class="display-button">Right</button> <button id="rightButton" class="display-button">→</button>
</div> </div>
<div class="keypad-panel"> <div class="keypad-panel">
samples/calc-02/index.js
+4 -4
View File
@@ -5,9 +5,9 @@ const modeButton = document.getElementById('modeButton');
const pasteButton = document.getElementById('pasteButton'); const pasteButton = document.getElementById('pasteButton');
const upButton = document.getElementById('upButton'); const upButton = document.getElementById('upButton');
const constButton = document.getElementById('constButton'); const constButton = document.getElementById('constButton');
const rightButton = document.getElementById('rightButton'); const leftButton = document.getElementById('leftButton');
const downButton = document.getElementById('downButton'); const downButton = document.getElementById('downButton');
const constRightButton = document.getElementById('constRightButton'); const rightButton = document.getElementById('rightButton');
const stackEls = { const stackEls = {
T: document.getElementById('stackT'), T: document.getElementById('stackT'),
@@ -289,11 +289,11 @@ upButton.addEventListener('click', () => {});
constButton.addEventListener('click', () => {}); constButton.addEventListener('click', () => {});
rightButton.addEventListener('click', () => {}); leftButton.addEventListener('click', () => {});
downButton.addEventListener('click', () => {}); downButton.addEventListener('click', () => {});
constRightButton.addEventListener('click', () => {}); rightButton.addEventListener('click', () => {});
window.addEventListener('keydown', handleKeyboard); window.addEventListener('keydown', handleKeyboard);
window.addEventListener('load', focusInput); window.addEventListener('load', focusInput);