diff options
author | kibigo! <marrus-sh@users.noreply.github.com> | 2017-06-30 02:15:18 -0700 |
---|---|---|
committer | kibigo! <marrus-sh@users.noreply.github.com> | 2017-06-30 02:18:25 -0700 |
commit | ec2daae71ca03b414fa41a07e13e9653b0dff0a4 (patch) | |
tree | 5ac98fdac0d5cc074196f9042c57275e46900ca3 /app/javascript/styles/custom.scss | |
parent | b525caf40ac5e5332ff82042a6d9062d6f281688 (diff) |
Media display improvements
- built in fullwidth styling - letterbox settings toggle - media no longer counts towards height when making toot-collapsing measurements
Diffstat (limited to 'app/javascript/styles/custom.scss')
-rw-r--r-- | app/javascript/styles/custom.scss | 103 |
1 files changed, 0 insertions, 103 deletions
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; -} |