mirror of
https://github.com/zulip/zulip.git
synced 2025-10-23 04:52:12 +00:00
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:
@@ -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;
|
||||||
|
|
||||||
|
@@ -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%);
|
||||||
|
@@ -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>
|
||||||
|
Reference in New Issue
Block a user