diff --git a/app/javascript/dashboard/assets/scss/_woot.scss b/app/javascript/dashboard/assets/scss/_woot.scss index e3ad32e2e..908daa315 100644 --- a/app/javascript/dashboard/assets/scss/_woot.scss +++ b/app/javascript/dashboard/assets/scss/_woot.scss @@ -5,6 +5,7 @@ @import 'shared/assets/stylesheets/font-weights'; @import 'shared/assets/stylesheets/shadows'; @import 'shared/assets/stylesheets/border-radius'; +@import 'shared/assets/stylesheets/z-index'; @import 'variables'; diff --git a/app/javascript/dashboard/components/widgets/WootWriter/ReplyTopPanel.vue b/app/javascript/dashboard/components/widgets/WootWriter/ReplyTopPanel.vue index c26f496c5..a4df34c55 100644 --- a/app/javascript/dashboard/components/widgets/WootWriter/ReplyTopPanel.vue +++ b/app/javascript/dashboard/components/widgets/WootWriter/ReplyTopPanel.vue @@ -26,6 +26,24 @@ + + @@ -60,6 +78,10 @@ export default { type: Number, default: () => 0, }, + popoutReplyBox: { + type: Boolean, + default: false, + }, }, computed: { replyButtonClass() { @@ -167,4 +189,11 @@ export default { color: var(--s-600); } } + +.popout-button { + display: flex; + justify-content: flex-end; + height: auto; + padding-right: var(--space-normal); +} diff --git a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue index 9b2c39996..c84b14b01 100644 --- a/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue +++ b/app/javascript/dashboard/components/widgets/conversation/MessagesView.vue @@ -78,7 +78,10 @@ :is-a-tweet="isATweet" /> -