diff options
author | blackle <isabelle@blackle-mori.com> | 2017-04-10 22:28:52 -0400 |
---|---|---|
committer | blackle <isabelle@blackle-mori.com> | 2017-04-10 22:35:55 -0400 |
commit | 01e5447e3582787bf2370b9a483963953bdbb075 (patch) | |
tree | 1a4cd5c45f8055a53b40bc03cb26a607175a3c12 /app/assets/stylesheets/components.scss | |
parent | b89f007862bb06bbf892c4f37dbc31ed83138b53 (diff) |
Add boost confirm modal
Diffstat (limited to 'app/assets/stylesheets/components.scss')
-rw-r--r-- | app/assets/stylesheets/components.scss | 33 |
1 files changed, 31 insertions, 2 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 696e89418..d31f148a2 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -1180,7 +1180,7 @@ a.status__content__spoiler-link { @import 'boost'; -button i.fa-retweet { +button.icon-button i.fa-retweet { height: 19px; width: 22px; background-position: 0 0; @@ -1192,7 +1192,7 @@ button i.fa-retweet { } } -button.active i.fa-retweet { +button.icon-button.active i.fa-retweet { transition-duration: 0.9s; background-position: 0 100%; } @@ -1896,3 +1896,32 @@ button.active i.fa-retweet { max-height: 80vh; } } + +.boost-modal { + display: block; + + color: white; + background: lighten($color1, 13%); + + max-width: 90vw; + width: 480px; + + padding-top: 25px; + border-radius: 3px; + + position: relative; + + & .detailed-status { + pointer-events: none; + max-height: 60vh; + overflow-y: auto; + } + + & > .icon-button { + color: lighten($color1, 40%); + + &:hover, &:active { + color: lighten($color1, 60%); + } + } +} |