Calculator add-on visual indicator of active button

This commit is contained in:
Random Penguin 2025-02-20 17:28:53 +00:00
parent 89c9337f25
commit 0facb1ebd1

View file

@ -1329,6 +1329,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'],
@ -1336,6 +1339,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;
} }