Merge "Left align 'No changes need your attention' message'"

This commit is contained in:
Ben Rohlfs
2021-02-04 11:52:10 +00:00
committed by Gerrit Code Review
3 changed files with 10 additions and 7 deletions

View File

@@ -82,7 +82,11 @@ export const htmlTemplate = html`
<template is="dom-if" if="[[_isEmpty(changeSection)]]"> <template is="dom-if" if="[[_isEmpty(changeSection)]]">
<tr class="noChanges"> <tr class="noChanges">
<td aria-hidden="true" class="leftPadding"></td> <td aria-hidden="true" class="leftPadding"></td>
<td aria-hidden="true" class="star" hidden></td> <td
aria-hidden="[[!showStar]]"
class="star"
hidden$="[[!showStar]]"
></td>
<td <td
class="cell" class="cell"
colspan$="[[_computeColspan(changeSection, visibleChangeTableColumns, labelNames)]]" colspan$="[[_computeColspan(changeSection, visibleChangeTableColumns, labelNames)]]"

View File

@@ -21,10 +21,10 @@ export const htmlTemplate = html`
:host { :host {
display: block; display: block;
} }
#graphic, #graphic {
#help {
display: inline-block; display: inline-block;
margin: var(--spacing-m); margin: var(--spacing-m);
margin-left: 0;
} }
#graphic #circle { #graphic #circle {
align-items: center; align-items: center;
@@ -45,6 +45,8 @@ export const htmlTemplate = html`
text-align: center; text-align: center;
} }
#help { #help {
display: inline-block;
margin: var(--spacing-m);
padding-top: var(--spacing-xl); padding-top: var(--spacing-xl);
vertical-align: top; vertical-align: top;
} }

View File

@@ -50,9 +50,6 @@ export const htmlTemplate = html`
#emptyOutgoing { #emptyOutgoing {
display: block; display: block;
} }
#emptyYourTurn {
text-align: center;
}
@media only screen and (max-width: 50em) { @media only screen and (max-width: 50em) {
.loading { .loading {
padding: 0 var(--spacing-l); padding: 0 var(--spacing-l);
@@ -100,7 +97,7 @@ export const htmlTemplate = html`
</template> </template>
</div> </div>
<div id="emptyYourTurn" slot="empty-your-turn"> <div id="emptyYourTurn" slot="empty-your-turn">
<span>&#x1f389; No changes need your attention &#x1f389;</span> <span>No changes need your attention &nbsp;&#x1f389;</span>
</div> </div>
</gr-change-list> </gr-change-list>
</div> </div>