jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-21 08:16:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update styling for show more updates (#11435)

Browse Source
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
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/panels/config/dashboard/ha-config-updates.ts
View File

@ -8,7 +8,6 @@ import "../../../components/ha-alert";
import "../../../components/ha-logo-svg"; import "../../../components/ha-logo-svg";
import "../../../components/ha-svg-icon"; import "../../../components/ha-svg-icon";
import { SupervisorAvailableUpdates } from "../../../data/supervisor/root"; import { SupervisorAvailableUpdates } from "../../../data/supervisor/root";
import { buttonLinkStyle } from "../../../resources/styles";
import { HomeAssistant } from "../../../types"; import { HomeAssistant } from "../../../types";
import "../../../components/ha-icon-next"; import "../../../components/ha-icon-next";
@ -78,7 +77,7 @@ class HaConfigUpdates extends LitElement {
)} )}
${!this._showAll && this.supervisorUpdates.length >= 4 ${!this._showAll && this.supervisorUpdates.length >= 4
? html` ? 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", { ${this.hass.localize("ui.panel.config.updates.more_updates", {
count: this.supervisorUpdates!.length - updates.length, count: this.supervisorUpdates!.length - updates.length,
})} })}
@ -94,7 +93,6 @@ class HaConfigUpdates extends LitElement {
static get styles(): CSSResultGroup[] { static get styles(): CSSResultGroup[] {
return [ return [
buttonLinkStyle,
css` css`
.title { .title {
font-size: 16px; font-size: 16px;
@ -125,6 +123,22 @@ class HaConfigUpdates extends LitElement {
height: 24px; height: 24px;
width: 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;
}
`, `,
]; ];
} }