Browse Source

fix full-width embeds

cybrespace
parent
commit
7a141e6522
1 changed files with 7 additions and 12 deletions
  1. +7
    -12
      app/javascript/styles/fullwidth-media.scss

+ 7
- 12
app/javascript/styles/fullwidth-media.scss View File

@@ -1,16 +1,14 @@

/* Use 100% of the viewport width always*/
.detailed-status > .media-spoiler,
.status > .media-spoiler,
.status .video-player,
.media-gallery,
.status .status-card {
margin-top:20px;
margin-left:-68px;
.status .status-card.interactive {
margin-top: 20px;
margin-left: -68px;
width: calc(100% + 80px);
}

/* Unset max-width for spoilers and the video player */
.detailed-status > .media-spoiler,
.status > .media-spoiler,
.video-player {
@@ -25,16 +23,13 @@
margin-top: 40px;
}

/* Undo transforms on videos inside the video player */
.status__video-player-video {
transform:unset;
top:unset;
transform: unset;
top: unset;
}


/* Adjust offset and width for detail view */
.detailed-status .media-gallery {
margin-left:-10px;
margin-left: -10px;
width: calc(100% + 22px);
}

@@ -46,7 +41,7 @@
.video-player,
.media-gallery,
.status-card {
margin-top:20px;
margin-top: 20px;
width: calc(100% + 94px);
margin-left: -78px;
}


Loading…
Cancel
Save