paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

inline_topic_edit: Update styling for confirm and cancel buttons.

Browse Source
This commit is contained in:
Sayam Samal
2025-02-27 00:48:05 +05:30
committed by Tim Abbott
parent 4c9d47c390
commit bd1ccfbf6d
3 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/zulip.css
View File

@@ -920,7 +920,7 @@ div.focused-message-list.is-conversation-view .recipient_row {
.topic_edit_form { .topic_edit_form {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 3px; gap: 5px;
margin: 0; margin: 0;
padding-right: 5px; padding-right: 5px;
} }
@@ -949,6 +949,13 @@ div.focused-message-list.is-conversation-view .recipient_row {
} }
} }
.topic_edit_save {
border-color: light-dark(hsla(0deg 0% 0% / 10%), hsla(0deg 0% 0% / 60%));
border-width: 1px;
border-style: solid;
background-clip: padding-box;
}
.information-settings .user-profile-picture, .information-settings .user-profile-picture,
.user_sidebar_entry.with_avatar .user-profile-picture, .user_sidebar_entry.with_avatar .user-profile-picture,
.inline_profile_picture { .inline_profile_picture {

4
web/templates/components/action_button.hbs
View File

@@ -1,6 +1,8 @@
<button type="button" class="{{#if custom_classes}}{{custom_classes}} {{/if}}action-button action-button-{{type}}-{{intent}}" tabindex="0"> <button type="button" class="{{#if custom_classes}}{{custom_classes}} {{/if}}action-button action-button-{{type}}-{{intent}}" {{#if data-tooltip-template-id}}data-tooltip-template-id="{{data-tooltip-template-id}}"{{/if}} tabindex="0">
{{#if icon}} {{#if icon}}
<i class="zulip-icon zulip-icon-{{icon}}"></i> <i class="zulip-icon zulip-icon-{{icon}}"></i>
{{/if}} {{/if}}
{{#if label}}
<span class="action-button-label">{{label}}</span> <span class="action-button-label">{{label}}</span>
{{/if}}
</button> </button>

4
web/templates/topic_edit_form.hbs
View File

@@ -4,7 +4,7 @@
<input type="text" value="" autocomplete="off" maxlength="{{ max_topic_length }}" <input type="text" value="" autocomplete="off" maxlength="{{ max_topic_length }}"
class="inline_topic_edit header-v {{#unless realm_mandatory_topics}}empty-topic-placeholder-display{{/unless}}" class="inline_topic_edit header-v {{#unless realm_mandatory_topics}}empty-topic-placeholder-display{{/unless}}"
{{#unless realm_mandatory_topics}}placeholder="{{empty_string_topic_display_name}}"{{/unless}} /> {{#unless realm_mandatory_topics}}placeholder="{{empty_string_topic_display_name}}"{{/unless}} />
{{> components/icon_button squared=true custom_classes="topic_edit_save tippy-zulip-delayed-tooltip" icon="check" intent="brand" data-tooltip-template-id="save-button-tooltip-template" }} {{> components/action_button custom_classes="topic_edit_save tippy-zulip-delayed-tooltip" icon="check" type="primary" intent="brand" data-tooltip-template-id="save-button-tooltip-template" }}
{{> components/icon_button squared=true custom_classes="topic_edit_cancel tippy-zulip-delayed-tooltip" icon="circle-x" intent="neutral" data-tooltip-template-id="cancel-button-tooltip-template" }} {{> components/action_button custom_classes="topic_edit_cancel tippy-zulip-delayed-tooltip" icon="circle-x" type="borderless" intent="neutral" data-tooltip-template-id="cancel-button-tooltip-template" }}
<div class="topic_edit_spinner"></div> <div class="topic_edit_spinner"></div>
</form> </form>