nightpool
/
mastodon
forked from cybrespace/mastodon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix full-width embeds and light theme embeds

This commit is contained in:
nightpool 2018-11-18 18:35:42 -05:00
parent 9a49c503c8
commit 2f9d59cf1e
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/styles/cybre-light.scss
View File

@ -16,10 +16,8 @@ $action-button-color: $icon-button-inactive-color;
$about-page-text: $primary-text-color; $about-page-text: $primary-text-color;
@import 'application';
@import 'cybre-base'; @import 'cybre-base';
$gold-star: #dd9d08; $gold-star: #dd9d08;
/* cybre-specific additions */ /* cybre-specific additions */
@ -264,6 +262,10 @@ $gold-star: #dd9d08;
} }
} }
.status-card, .status-card.compact {
border-color: $ui-highlight-color;
}
// selectivity -- needs to override .column-header > button // selectivity -- needs to override .column-header > button
.column-header .column-header__back-button { .column-header .column-header__back-button {
background: $header-color; background: $header-color;

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

@ -1,16 +1,14 @@
/* Use 100% of the viewport width always*/
.detailed-status > .media-spoiler, .detailed-status > .media-spoiler,
.status > .media-spoiler, .status > .media-spoiler,
.status .video-player, .status .video-player,
.media-gallery, .media-gallery,
.status .status-card { .status .status-card.interactive {
margin-top: 20px; margin-top: 20px;
margin-left: -68px; margin-left: -68px;
width: calc(100% + 80px); width: calc(100% + 80px);
} }
/* Unset max-width for spoilers and the video player */
.detailed-status > .media-spoiler, .detailed-status > .media-spoiler,
.status > .media-spoiler, .status > .media-spoiler,
.video-player { .video-player {
@ -25,14 +23,11 @@
margin-top: 40px; margin-top: 40px;
} }
/* Undo transforms on videos inside the video player */
.status__video-player-video { .status__video-player-video {
transform: unset; transform: unset;
top: unset; top: unset;
} }
/* Adjust offset and width for detail view */
.detailed-status .media-gallery { .detailed-status .media-gallery {
margin-left: -10px; margin-left: -10px;
width: calc(100% + 22px); width: calc(100% + 22px);