Calculator add-on visual indicator of active button

This commit is contained in:
Random Penguin 2025-02-20 17:26:58 +00:00
parent cac0570ee2
commit 206a80194b

View file

@ -1332,6 +1332,9 @@
background-color: #999; background-color: #999;
text-align: center; text-align: center;
} }
.calc-content-wrapper input[type='button']:active {
box-shadow: inset 0 0 100px rgba(255,255,255,.2);
}
.calc-content-wrapper input[name='plus'], .calc-content-wrapper input[name='plus'],
.calc-content-wrapper input[name='minus'], .calc-content-wrapper input[name='minus'],
.calc-content-wrapper input[name='multiplication'], .calc-content-wrapper input[name='multiplication'],
@ -1339,6 +1342,13 @@
.calc-content-wrapper input[name='enter']{ .calc-content-wrapper input[name='enter']{
background-color: orange; background-color: orange;
} }
.calc-content-wrapper input[name='plus']:active,
.calc-content-wrapper input[name='minus']:active,
.calc-content-wrapper input[name='multiplication']:active,
.calc-content-wrapper input[name='division']:active,
.calc-content-wrapper input[name='enter']:active{
box-shadow: inset 0 0 100px rgba(0,0,0,.2);
}
.calc-content-wrapper input[name='plus']{ .calc-content-wrapper input[name='plus']{
padding-left: 10px; padding-left: 10px;
} }