diff --git a/src/components/cc-tile-requests/cc-tile-requests.js b/src/components/cc-tile-requests/cc-tile-requests.js index 561c5a315..3ade0e790 100644 --- a/src/components/cc-tile-requests/cc-tile-requests.js +++ b/src/components/cc-tile-requests/cc-tile-requests.js @@ -1,11 +1,13 @@ import '../cc-button/cc-button.js'; -import '../cc-error/cc-error.js'; import { BarController, BarElement, CategoryScale, Chart, LinearScale, Title, Tooltip } from 'chart.js'; import ChartDataLabels from 'chartjs-plugin-datalabels'; import { css, html, LitElement } from 'lit'; import { classMap } from 'lit/directives/class-map.js'; import { iconCleverInfo as iconInfo } from '../../assets/cc-clever.icons.js'; -import { iconRemixCloseLine as iconClose } from '../../assets/cc-remix.icons.js'; +import { + iconRemixAlertFill as iconAlert, + iconRemixCloseLine as iconClose, +} from '../../assets/cc-remix.icons.js'; import { i18n } from '../../lib/i18n.js'; import { withResizeObserver } from '../../mixins/with-resize-observer/with-resize-observer.js'; import { tileStyles } from '../../styles/info-tiles.js'; @@ -268,7 +270,12 @@ export class CcTileRequests extends withResizeObserver(LitElement) {
- +${i18n('cc-tile-requests.docs.msg', { windowHours: 24 / this._barCount })}
@@ -342,6 +349,24 @@ export class CcTileRequests extends withResizeObserver(LitElement) { color: var(--cc-color-text-primary-highlight); text-decoration: underline; } + + .error-message { + display: grid; + gap: 0.75em; + grid-template-columns: min-content 1fr; + text-align: left; + } + + .error-message p { + margin: 0; + } + + .icon-warning { + align-self: center; + color: var(--cc-color-text-warning); + + --cc-icon-size: 1.25em; + } `, ]; }