Skip to content

Commit 0ebb40e

Browse files
authored
Make embedded player sticky (#346)
Now you can listen as you scroll down without losing access to the controls
1 parent ef08fd9 commit 0ebb40e

File tree

3 files changed

+5
-2
lines changed

3 files changed

+5
-2
lines changed

src/components/Layout/LayoutStyles.js

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -251,7 +251,6 @@ export function SidebarToggleButton(props) {
251251
}
252252

253253
export const Wrapper = styled.div`
254-
overflow: hidden;
255254
display: flex;
256255
flex-direction: column;
257256
min-height: ${(props) =>

src/transcripts/tmir-2025-04.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ people: "[Carl](https://twitter.com/vcarl_), [Mark](https://twitter.com/acemarke
1111
iframe {
1212
width: 100%;
1313
height: 15rem;
14+
position: sticky;
15+
top: 0;
1416
}
1517
html li p {
1618
margin-bottom: 0;

src/transcripts/tmir-2025-05.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,9 @@ people: "[Carl](https://twitter.com/vcarl_), [Mark](https://twitter.com/acemarke
1010
<style>
1111
iframe {
1212
width: 100%;
13-
height: 15rem;
13+
height: 161px;
14+
position: sticky;
15+
top: 0;
1416
}
1517
html li p {
1618
margin-bottom: 0;

0 commit comments

Comments
 (0)