Add boost confirm modal

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%);
+    }
+  }
+}