Merge "Rename Save
to Send
with better tooltip"
This commit is contained in:
@@ -269,16 +269,6 @@ limitations under the License.
|
|||||||
</section>
|
</section>
|
||||||
<section class="actions">
|
<section class="actions">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<template is="dom-if" if="[[canBeStarted]]">
|
|
||||||
<gr-button
|
|
||||||
link
|
|
||||||
secondary
|
|
||||||
disabled="[[_isState(knownLatestState, 'not-latest')]]"
|
|
||||||
class="action save"
|
|
||||||
has-tooltip
|
|
||||||
title="[[_saveTooltip]]"
|
|
||||||
on-click="_saveTapHandler">Save</gr-button>
|
|
||||||
</template>
|
|
||||||
<span
|
<span
|
||||||
id="checkingStatusLabel"
|
id="checkingStatusLabel"
|
||||||
hidden$="[[!_isState(knownLatestState, 'checking')]]">
|
hidden$="[[!_isState(knownLatestState, 'checking')]]">
|
||||||
@@ -297,6 +287,18 @@ limitations under the License.
|
|||||||
id="cancelButton"
|
id="cancelButton"
|
||||||
class="action cancel"
|
class="action cancel"
|
||||||
on-click="_cancelTapHandler">Cancel</gr-button>
|
on-click="_cancelTapHandler">Cancel</gr-button>
|
||||||
|
<template is="dom-if" if="[[canBeStarted]]">
|
||||||
|
<!-- Use 'Send' here as the change may only about reviewers / ccs
|
||||||
|
and when this button is visible, the next button will always
|
||||||
|
be 'Start review' -->
|
||||||
|
<gr-button
|
||||||
|
link
|
||||||
|
disabled="[[_isState(knownLatestState, 'not-latest')]]"
|
||||||
|
class="action save"
|
||||||
|
has-tooltip
|
||||||
|
title="[[_saveTooltip]]"
|
||||||
|
on-click="_saveClickHandler">Send</gr-button>
|
||||||
|
</template>
|
||||||
<gr-button
|
<gr-button
|
||||||
id="sendButton"
|
id="sendButton"
|
||||||
link
|
link
|
||||||
|
@@ -43,7 +43,7 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
const ButtonTooltips = {
|
const ButtonTooltips = {
|
||||||
SAVE: 'Save reply but do not send notification',
|
SAVE: 'Send but do not send notification or change review state',
|
||||||
START_REVIEW: 'Mark as ready for review and send reply',
|
START_REVIEW: 'Mark as ready for review and send reply',
|
||||||
SEND: 'Send reply',
|
SEND: 'Send reply',
|
||||||
};
|
};
|
||||||
@@ -686,7 +686,7 @@
|
|||||||
this._rebuildReviewerArrays(this.change.reviewers, this._owner);
|
this._rebuildReviewerArrays(this.change.reviewers, this._owner);
|
||||||
}
|
}
|
||||||
|
|
||||||
_saveTapHandler(e) {
|
_saveClickHandler(e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
if (!this.$.ccs.submitEntryText()) {
|
if (!this.$.ccs.submitEntryText()) {
|
||||||
// Do not proceed with the save if there is an invalid email entry in
|
// Do not proceed with the save if there is an invalid email entry in
|
||||||
|
@@ -116,13 +116,6 @@ limitations under the License.
|
|||||||
:host([link][primary]) {
|
:host([link][primary]) {
|
||||||
--text-color: var(--primary-button-background-color);
|
--text-color: var(--primary-button-background-color);
|
||||||
}
|
}
|
||||||
:host([secondary]) {
|
|
||||||
--background-color: var(--secondary-button-text-color);
|
|
||||||
--text-color: var(--secondary-button-background-color);
|
|
||||||
}
|
|
||||||
:host([link][secondary]) {
|
|
||||||
--text-color: var(--secondary-button-text-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Keep below color definition for primary so that this takes precedence
|
/* Keep below color definition for primary so that this takes precedence
|
||||||
when disabled. */
|
when disabled. */
|
||||||
|
@@ -110,25 +110,21 @@ limitations under the License.
|
|||||||
<gr-button
|
<gr-button
|
||||||
id="replyBtn"
|
id="replyBtn"
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action reply"
|
class="action reply"
|
||||||
on-click="_handleCommentReply">Reply</gr-button>
|
on-click="_handleCommentReply">Reply</gr-button>
|
||||||
<gr-button
|
<gr-button
|
||||||
id="quoteBtn"
|
id="quoteBtn"
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action quote"
|
class="action quote"
|
||||||
on-click="_handleCommentQuote">Quote</gr-button>
|
on-click="_handleCommentQuote">Quote</gr-button>
|
||||||
<gr-button
|
<gr-button
|
||||||
id="ackBtn"
|
id="ackBtn"
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action ack"
|
class="action ack"
|
||||||
on-click="_handleCommentAck">Ack</gr-button>
|
on-click="_handleCommentAck">Ack</gr-button>
|
||||||
<gr-button
|
<gr-button
|
||||||
id="doneBtn"
|
id="doneBtn"
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action done"
|
class="action done"
|
||||||
on-click="_handleCommentDone">Done</gr-button>
|
on-click="_handleCommentDone">Done</gr-button>
|
||||||
</div>
|
</div>
|
||||||
|
@@ -119,7 +119,6 @@ limitations under the License.
|
|||||||
--gr-button: {
|
--gr-button: {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
padding: 0 var(--spacing-s);
|
padding: 0 var(--spacing-s);
|
||||||
color: var(--default-button-text-color);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.editMessage {
|
.editMessage {
|
||||||
@@ -268,7 +267,6 @@ limitations under the License.
|
|||||||
<gr-button
|
<gr-button
|
||||||
id="deleteBtn"
|
id="deleteBtn"
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class$="action delete [[_computeDeleteButtonClass(_isAdmin, draft)]]"
|
class$="action delete [[_computeDeleteButtonClass(_isAdmin, draft)]]"
|
||||||
on-click="_handleCommentDelete">
|
on-click="_handleCommentDelete">
|
||||||
<iron-icon id="icon" icon="gr-icons:delete"></iron-icon>
|
<iron-icon id="icon" icon="gr-icons:delete"></iron-icon>
|
||||||
@@ -325,22 +323,18 @@ limitations under the License.
|
|||||||
<div class="rightActions">
|
<div class="rightActions">
|
||||||
<gr-button
|
<gr-button
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action cancel hideOnPublished"
|
class="action cancel hideOnPublished"
|
||||||
on-click="_handleCancel">Cancel</gr-button>
|
on-click="_handleCancel">Cancel</gr-button>
|
||||||
<gr-button
|
<gr-button
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action discard hideOnPublished"
|
class="action discard hideOnPublished"
|
||||||
on-click="_handleDiscard">Discard</gr-button>
|
on-click="_handleDiscard">Discard</gr-button>
|
||||||
<gr-button
|
<gr-button
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action edit hideOnPublished"
|
class="action edit hideOnPublished"
|
||||||
on-click="_handleEdit">Edit</gr-button>
|
on-click="_handleEdit">Edit</gr-button>
|
||||||
<gr-button
|
<gr-button
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
disabled$="[[_computeSaveDisabled(_messageText, comment, resolved)]]"
|
disabled$="[[_computeSaveDisabled(_messageText, comment, resolved)]]"
|
||||||
class="action save hideOnPublished"
|
class="action save hideOnPublished"
|
||||||
on-click="_handleSave">Save</gr-button>
|
on-click="_handleSave">Save</gr-button>
|
||||||
@@ -351,7 +345,6 @@ limitations under the License.
|
|||||||
<template is="dom-if" if="[[!_hasHumanReply]]">
|
<template is="dom-if" if="[[!_hasHumanReply]]">
|
||||||
<gr-button
|
<gr-button
|
||||||
link
|
link
|
||||||
secondary
|
|
||||||
class="action fix"
|
class="action fix"
|
||||||
on-click="_handleFix"
|
on-click="_handleFix"
|
||||||
disabled="[[robotButtonDisabled]]">
|
disabled="[[robotButtonDisabled]]">
|
||||||
|
@@ -36,7 +36,6 @@ html {
|
|||||||
--primary-button-text-color: white;
|
--primary-button-text-color: white;
|
||||||
/* Used on text color for change list that doesn't need user's attention. */
|
/* Used on text color for change list that doesn't need user's attention. */
|
||||||
--reviewed-text-color: black;
|
--reviewed-text-color: black;
|
||||||
--secondary-button-text-color: #212121;
|
|
||||||
--tooltip-text-color: white;
|
--tooltip-text-color: white;
|
||||||
--vote-text-color-recommended: #388e3c;
|
--vote-text-color-recommended: #388e3c;
|
||||||
--vote-text-color-disliked: #d32f2f;
|
--vote-text-color-disliked: #d32f2f;
|
||||||
@@ -52,7 +51,6 @@ html {
|
|||||||
--dialog-background-color: var(--background-color-primary);
|
--dialog-background-color: var(--background-color-primary);
|
||||||
--dropdown-background-color: var(--background-color-primary);
|
--dropdown-background-color: var(--background-color-primary);
|
||||||
--expanded-background-color: var(--background-color-tertiary);
|
--expanded-background-color: var(--background-color-tertiary);
|
||||||
--secondary-button-background-color: var(--background-color-primary);
|
|
||||||
--select-background-color: var(--background-color-secondary);
|
--select-background-color: var(--background-color-secondary);
|
||||||
--shell-command-background-color: var(--background-color-secondary);
|
--shell-command-background-color: var(--background-color-secondary);
|
||||||
--shell-command-decoration-background-color: var(--background-color-tertiary);
|
--shell-command-decoration-background-color: var(--background-color-tertiary);
|
||||||
|
@@ -36,7 +36,6 @@ limitations under the License.
|
|||||||
--primary-button-text-color: var(--primary-text-color);
|
--primary-button-text-color: var(--primary-text-color);
|
||||||
/* Used on text color for change list doesn't need user's attention. */
|
/* Used on text color for change list doesn't need user's attention. */
|
||||||
--reviewed-text-color: #dadce0;
|
--reviewed-text-color: #dadce0;
|
||||||
--secondary-button-text-color: var(--deemphasized-text-color);
|
|
||||||
--tooltip-text-color: white;
|
--tooltip-text-color: white;
|
||||||
--vote-text-color-recommended: #388e3c;
|
--vote-text-color-recommended: #388e3c;
|
||||||
--vote-text-color-disliked: #d32f2f;
|
--vote-text-color-disliked: #d32f2f;
|
||||||
@@ -56,7 +55,6 @@ limitations under the License.
|
|||||||
--emphasis-color: #383f4a;
|
--emphasis-color: #383f4a;
|
||||||
--hover-background-color: rgba(161, 194, 250, 0.2);
|
--hover-background-color: rgba(161, 194, 250, 0.2);
|
||||||
--primary-button-background-color: var(--link-color);
|
--primary-button-background-color: var(--link-color);
|
||||||
--secondary-button-background-color: var(--primary-text-color);
|
|
||||||
--selection-background-color: rgba(161, 194, 250, 0.1);
|
--selection-background-color: rgba(161, 194, 250, 0.1);
|
||||||
--tooltip-background-color: #111;
|
--tooltip-background-color: #111;
|
||||||
--unresolved-comment-background-color: #385a9a;
|
--unresolved-comment-background-color: #385a9a;
|
||||||
|
Reference in New Issue
Block a user