From ec2daae71ca03b414fa41a07e13e9653b0dff0a4 Mon Sep 17 00:00:00 2001 From: kibigo! Date: Fri, 30 Jun 2017 02:15:18 -0700 Subject: Media display improvements - built in fullwidth styling - letterbox settings toggle - media no longer counts towards height when making toot-collapsing measurements --- app/javascript/styles/custom.scss | 103 -------------------------------------- 1 file changed, 103 deletions(-) (limited to 'app/javascript/styles/custom.scss') diff --git a/app/javascript/styles/custom.scss b/app/javascript/styles/custom.scss index 6a18fd628..97a981243 100644 --- a/app/javascript/styles/custom.scss +++ b/app/javascript/styles/custom.scss @@ -1,104 +1 @@ @import 'application'; - -.muted { - .status__content p, .status__content a { - color: lighten($ui-base-color, 35%); - } - - .status__display-name strong { - color: lighten($ui-base-color, 35%); - } -} - -.status time:after, -.detailed-status__datetime span:after { - font: normal normal normal 14px/1 FontAwesome; - content: "\00a0\00a0\f08e"; -} - -.compose-form__buttons button.active:last-child { - color:$ui-secondary-color; - background-color: $ui-highlight-color; - border-radius:3px; -} - -.about-body .mascot { - display:none; -} - -.screenshot-with-signup { - min-height:300px; -} - -.screenshot-with-signup .closed-registrations-message, -.screenshot-with-signup form { - background-color: rgba(0,0,0,0.7); - margin:auto; -} - -.screenshot-with-signup .closed-registrations-message .clock { - font-size:150%; -} - -.drawer .drawer__inner { - overflow: visible; -} - -.column { - // trying to fix @mdhughes safari problem - max-height:100vh; -} - - - -.media-gallery { - height:auto !important; - max-height:250px; - position:relative; - margin-top:20px; - margin-left:-68px; - width: calc(100% + 80px); -} - -.media-gallery:before{ - content: ""; - display: block; - padding-top: 100%; -} - -.media-gallery__item, -.media-gallery .media-spoiler{ - left: 0; - right: 0; - top: 0; - bottom: 0 !important; - position:absolute; -} - -.media-spoiler-video:before { - content:""; - display:block; - padding-top:100%; -} - -.media-spoiler-video, -.status__video-player, -.detailed-status > .media-spoiler, -.status > .media-spoiler { - height:auto !important; - max-height:250px; - position:relative; - margin-top:20px; - margin-left:-68px; - width: calc(100% + 80px) !important; -} - -.status__video-player-video { - transform:unset; -} - -.detailed-status > .media-spoiler, -.status > .media-spoiler { - height:250px !important; - vertical-align:middle; -} -- cgit