Skip to content

Commit

Permalink
Avoid aspect-ratio for older browsers
Browse files Browse the repository at this point in the history
We've seen Edge/Safari that are otherwise viable hit this.
  • Loading branch information
microbit-matt-hillsdon committed Feb 20, 2024
1 parent 18d21de commit c44669f
Showing 1 changed file with 7 additions and 4 deletions.
11 changes: 7 additions & 4 deletions src/simulator.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,20 +20,23 @@
display: none;
align-items: center;
justify-content: center;
width: 25%;
/* Avoiding aspect-ratio for older Safari */
position: relative;
width: 11.5%;
padding: 11.5%;
margin-top: 6%;
border-radius: 50%;
background-color: #f5f6f8;
border: 3px solid;
cursor: pointer;
aspect-ratio: 1/1;
}
.play-button:focus {
box-shadow: 0 0 0 3px #4d90fe;
}
.play-button svg {
width: 50%;
height: 50%;
position: absolute;
width: 47%;
height: 47%;
}
.play-button-container {
position: absolute;
Expand Down

0 comments on commit c44669f

Please sign in to comment.