scheduled_message_banner: Change design.

Convert `View scheduled messages` button into a link and use
default colors for "Undo" button.
This commit is contained in:
Aman Agrawal
2023-05-02 09:53:29 +00:00
committed by Tim Abbott
parent 9a71a7683f
commit 578ddbc5c8
3 changed files with 3 additions and 43 deletions

View File

@@ -426,32 +426,6 @@
} }
} }
.compose_banner.success.message_scheduled_success_compose_banner {
& a.open_scheduled_message_overlay {
line-height: normal;
display: inline-block;
box-sizing: border-box;
&:hover,
&:focus {
text-decoration: none;
}
}
.undo_scheduled_message {
color: hsl(38deg 44% 27%);
background-color: hsl(46.29deg 46.67% 85.29%);
&:hover {
background-color: hsl(47.65deg 41.46% 83.92%);
}
&:active {
background-color: hsl(47.65deg 37.78% 82.35%);
}
}
}
.upload_banner { .upload_banner {
overflow: hidden; overflow: hidden;

View File

@@ -323,21 +323,6 @@
} }
} }
.compose_banner.success.message_scheduled_success_compose_banner {
.undo_scheduled_message {
color: hsl(50deg 45% 61%);
background-color: hsl(54deg 75% 15.69%);
&:hover {
background-color: hsl(52.13deg 64.21% 18.63%);
}
&:active {
background-color: hsl(51.29deg 57.41% 21.18%);
}
}
}
.upload_banner { .upload_banner {
.moving_bar { .moving_bar {
background: hsl(204deg 63% 18%); background: hsl(204deg 63% 18%);

View File

@@ -1,8 +1,9 @@
<div <div
class="compose_banner success message_scheduled_success_compose_banner" class="compose_banner success message_scheduled_success_compose_banner"
data-scheduled-message-id="{{scheduled_message_id}}"> data-scheduled-message-id="{{scheduled_message_id}}">
<p class="banner_content">{{t 'Your message has been scheduled for {deliver_at}.' }}</p> <p class="banner_content">{{t 'Your message has been scheduled for {deliver_at}.' }}
<a href="#scheduled" class="compose_banner_action_button open_scheduled_message_overlay">{{t "View scheduled messages" }}</a> <a href="#scheduled">{{t "View scheduled messages" }}</a>
</p>
<button class="compose_banner_action_button undo_scheduled_message" >{{t "Undo"}}</button> <button class="compose_banner_action_button undo_scheduled_message" >{{t "Undo"}}</button>
<a role="button" class="zulip-icon zulip-icon-close compose_banner_close_button"></a> <a role="button" class="zulip-icon zulip-icon-close compose_banner_close_button"></a>
</div> </div>