Skip to content

Commit fc069b1

Browse files
committed
stylesheets: Remove hard-coded video height
This ensures that the video viewport is fully responsive. Ref: AP-339, AP-340
1 parent 002193b commit fc069b1

File tree

1 file changed

+0
-27
lines changed

1 file changed

+0
-27
lines changed

app/assets/stylesheets/includes/main.scss

Lines changed: 0 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -320,33 +320,6 @@ strong {
320320
// ////////////////////////////////////////////////////////////
321321
// Media
322322

323-
/*
324-
Browsers and/or MediaElement.js don't seem to honor these,
325-
but let's document it here anyway.
326-
*/
327-
328-
video {
329-
height: 270px !important; /* MediaElement.js default height */
330-
width: 100%;
331-
}
332-
333-
.mejs__container {
334-
height: 270px !important;
335-
}
336-
337-
.mejs__container-fullscreen {
338-
height: 100% !important;
339-
}
340-
341-
.mejs__container-fullscreen video {
342-
height: 100% !important;
343-
}
344-
345-
audio {
346-
height: 40px;
347-
width: 100%;
348-
}
349-
350323
/// additional MediaElement.js styles
351324

352325
.mejs__overlay-button {

0 commit comments

Comments
 (0)