Merge "Left align 'No changes need your attention' message'"
This commit is contained in:
@@ -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)]]"
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>🎉 No changes need your attention 🎉</span>
|
<span>No changes need your attention 🎉</span>
|
||||||
</div>
|
</div>
|
||||||
</gr-change-list>
|
</gr-change-list>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user