Skip to content

Commit c44669f

Browse files
Avoid aspect-ratio for older browsers
We've seen Edge/Safari that are otherwise viable hit this.
1 parent 18d21de commit c44669f

File tree

1 file changed

+7
-4
lines changed

1 file changed

+7
-4
lines changed

src/simulator.html

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,20 +20,23 @@
2020
display: none;
2121
align-items: center;
2222
justify-content: center;
23-
width: 25%;
23+
/* Avoiding aspect-ratio for older Safari */
24+
position: relative;
25+
width: 11.5%;
26+
padding: 11.5%;
2427
margin-top: 6%;
2528
border-radius: 50%;
2629
background-color: #f5f6f8;
2730
border: 3px solid;
2831
cursor: pointer;
29-
aspect-ratio: 1/1;
3032
}
3133
.play-button:focus {
3234
box-shadow: 0 0 0 3px #4d90fe;
3335
}
3436
.play-button svg {
35-
width: 50%;
36-
height: 50%;
37+
position: absolute;
38+
width: 47%;
39+
height: 47%;
3740
}
3841
.play-button-container {
3942
position: absolute;

0 commit comments

Comments
 (0)