Calculator add-on visual indicator of active button

This commit is contained in:
Random Penguin 2025-02-20 17:27:34 +00:00
parent 206a80194b
commit eae0aae6c9

View file

@ -3647,6 +3647,9 @@ aside .widget li:hover {
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'],
@ -3654,6 +3657,13 @@ aside .widget li:hover {
.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;
} }