Update styling for show more updates (#11435)

This commit is contained in:
Joakim Sørensen 2022-01-26 10:30:19 +01:00 committed by GitHub
parent 953e3e060b
commit f1297e1f36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -8,7 +8,6 @@ import "../../../components/ha-alert";
import "../../../components/ha-logo-svg";
import "../../../components/ha-svg-icon";
import { SupervisorAvailableUpdates } from "../../../data/supervisor/root";
import { buttonLinkStyle } from "../../../resources/styles";
import { HomeAssistant } from "../../../types";
import "../../../components/ha-icon-next";
@ -78,7 +77,7 @@ class HaConfigUpdates extends LitElement {
)}
${!this._showAll && this.supervisorUpdates.length >= 4
? html`
<button class="link show-all" @click=${this._showAllClicked}>
<button class="show-more" @click=${this._showAllClicked}>
${this.hass.localize("ui.panel.config.updates.more_updates", {
count: this.supervisorUpdates!.length - updates.length,
})}
@ -94,7 +93,6 @@ class HaConfigUpdates extends LitElement {
static get styles(): CSSResultGroup[] {
return [
buttonLinkStyle,
css`
.title {
font-size: 16px;
@ -125,6 +123,22 @@ class HaConfigUpdates extends LitElement {
height: 24px;
width: 24px;
}
button.show-more {
color: var(--primary-color);
text-align: left;
cursor: pointer;
background: none;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
padding: 16px;
font: inherit;
}
button.show-more:focus {
outline: none;
text-decoration: underline;
}
`,
];
}