From debc6544d9e2881b175d4e5de09c7b40a1f7e503 Mon Sep 17 00:00:00 2001 From: Thibaut Girka Date: Wed, 11 Jul 2018 18:06:52 +0200 Subject: [Glitch] Add follow button to detailed status, add gradient to mask bio cut-off (fixes #566) Port 30e1da7668c6c42aa5f15bdc9caab1929235f78f to glitch-soc --- .../flavours/glitch/styles/stream_entries.scss | 72 +++++++++++----------- 1 file changed, 36 insertions(+), 36 deletions(-) (limited to 'app/javascript/flavours/glitch/styles/stream_entries.scss') diff --git a/app/javascript/flavours/glitch/styles/stream_entries.scss b/app/javascript/flavours/glitch/styles/stream_entries.scss index 40963ae84..ec7f60014 100644 --- a/app/javascript/flavours/glitch/styles/stream_entries.scss +++ b/app/javascript/flavours/glitch/styles/stream_entries.scss @@ -312,53 +312,53 @@ .embed { .activity-stream { box-shadow: none; + } +} - .entry { - - .detailed-status.light { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: flex-start; +.entry { - .detailed-status__display-name { - flex: 1; - margin: 0 5px 15px 0; - } + .detailed-status.light { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: flex-start; - .button.button-secondary.logo-button { - flex: 0 auto; - font-size: 14px; + .detailed-status__display-name { + flex: 1; + margin: 0 5px 15px 0; + } - svg { - width: 20px; - height: auto; - vertical-align: middle; - margin-right: 5px; + .button.button-secondary.logo-button { + flex: 0 auto; + font-size: 14px; - path:first-child { - fill: $ui-primary-color; - } + svg { + width: 20px; + height: auto; + vertical-align: middle; + margin-right: 5px; - path:last-child { - fill: $simple-background-color; - } - } + path:first-child { + fill: $ui-primary-color; + } - &:active, - &:focus, - &:hover { - svg path:first-child { - fill: lighten($ui-primary-color, 4%); - } - } + path:last-child { + fill: $simple-background-color; } + } - .status__content, - .detailed-status__meta { - flex: 100%; + &:active, + &:focus, + &:hover { + svg path:first-child { + fill: lighten($ui-primary-color, 4%); } } } + + .status__content, + .detailed-status__meta { + flex: 100%; + } } } -- cgit