diff options
author | Ondřej Hruška <ondra@ondrovo.com> | 2017-09-23 00:33:35 +0200 |
---|---|---|
committer | Ondřej Hruška <ondra@ondrovo.com> | 2017-09-23 00:33:35 +0200 |
commit | 169d83f5321267c4c424f0fb1a731c7724a38056 (patch) | |
tree | 54645a95fd4ef86dd52401e9907d85514e51b752 /app/javascript/styles | |
parent | 31dd261375aa50a56aff8552d9feeb571ba0e11e (diff) |
Remove "extra clickable spaces" made obsolete by status re-design
Diffstat (limited to 'app/javascript/styles')
-rw-r--r-- | app/javascript/styles/components.scss | 72 |
1 files changed, 0 insertions, 72 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 503fb41f1..f087adf9c 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -473,78 +473,6 @@ cursor: pointer; } -// --- Extra clickable area in the status gutter --- -.ui.wide { - @mixin xtraspaces-full { - height: calc(100% + 10px); - bottom: -40px; - } - @mixin xtraspaces-short { - height: calc(100% - 35px); - bottom: 0; - } - - // Avi must go on top if the toot is too short - .status__avatar { - z-index: 10; - } - - // Base styles - .status__content--with-action > div::after { - content: ''; - display: block; - width: 64px; - position: absolute; - left: -68px; - - // more than 4 never fit on FullHD, short - @include xtraspaces-short; - } - - @media screen and (min-width: 1800px) { - // 4, very wide screen - .column:nth-child(2):nth-last-child(4) { - &, & ~ .column { - .status__content--with-action > div::after { - @include xtraspaces-full; - } - } - } - } - - // 1 or 2, always fit - .column:nth-child(2):nth-last-child(1), - .column:nth-child(2):nth-last-child(2), - .column:nth-child(2):nth-last-child(3) { - &, & ~ .column { - .status__content--with-action > div::after { - @include xtraspaces-full; - } - } - } - - @media screen and (max-width: 1440px) { - // 3, small screen - .column:nth-child(2):nth-last-child(3) { - &, & ~ .column { - .status__content--with-action > div::after { - @include xtraspaces-short; - } - } - } - } - - // Phone or iPad - @media screen and (max-width: 1060px) { - .status__content--with-action > div::after { - display: none; - } - } - - // I am very sorry -} -// --- end extra clickable spaces --- - .status-check-box { .status__content, .reply-indicator__content { |