Thx a lot. As i see it’s bigger then the Fire Tablet. So more space for the buttons 
Yea, and I believe there’s a difference when using Fully Kiosk as well. Might be wrong on that. But it works well - they way it’s set up right now. 
1 Like
Can you share Information ha card??
action: fire-dom-event
browser_mod:
command: popup
title: Information
style:
.: |
:host .main-title {
pointer-events: none;
}
layout-card:
$grid-layout$:
hui-entities-card:
$: |
.card-content {
padding: 1.5em 2.2em 2.3em 2em;
}
ha-card {
animation: border 1s forwards;
border-radius: 0;
}
/* phone */
@media screen and (max-width: 800px) {
ha-card {
animation: none;
}
}
$hui-horizontal-stack-card$: |
#root {
justify-content: space-evenly;
margin-top: 1.9em;
margin-left: 0.8em;
}
card:
type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-rows: 1fr
grid-template-areas: |
"hass"
mediaquery:
#phone
"(max-width: 800px)":
grid-template-columns: 1fr
grid-template-rows: repeat(1, 1fr)
grid-template-areas: |
"hass"
cards:
#################################################
# #
# HOME ASSISTANT #
# #
#################################################
- type: entities
view_layout:
grid-area: hass
title: Home Assistant
show_header_toggle: false
card_mod:
class: header
style: |
ha-card {
margin: 0px !important;
}
entities:
- entity: sensor.hass_version_installed
name: Installed
icon: mdi:home-assistant
- entity: sensor.hass_version_latest
name: Latest
- entity: sensor.hass_version_latest_beta
name: Beta
- entity: sensor.database
name: Database
icon: mdi:database
- entity: sensor.home_assistant_log_size
name: Log file
- entity: sensor.home_assistant_uptime
name: Last restart
- type: custom:bar-card
width: 55%
height: 2em
decimal: 0
unit_of_measurement: '%'
positions: &bar_card_positions
icon: outside
indicator: 'off'
name: outside
severity: &bar_card_severity
- color: '#303435'
from: 0
to: 89
- color: '#6d2525'
from: 90
to: 200
entity_row: true
entities:
- entity: sensor.processor_use_percent
name: Processor
tap_action:
action: call-service
service: homeassistant.update_entity
service_data:
entity_id: sensor.processor_use_percent
- entity: sensor.memory_use_percent
name: Memory
tap_action:
action: call-service
service: homeassistant.update_entity
service_data:
entity_id: sensor.memory_use_percent
- entity: input_boolean.notify_visible
name: Notifications
- type: custom:hui-horizontal-stack-card
cards:
- type: custom:button-card
name: Home Assistant
icon: mdi:reload
tap_action:
services: |
[[[
return `[[[
hass.callService('browser_mod', 'toast', {
message: 'Restarting Home Assistant...'
});
hass.callService('homeassistant', 'restart');
]]]`
]]]
template: icon_name
- type: custom:button-card
name: Theme
icon: mdi:reload
tap_action:
services: |
[[[
return `[[[
hass.callService('browser_mod', 'toast', {
message: 'Restarting Theme Service...'
});
hass.callService('frontend', 'reload_themes');
]]]`
]]]
template: icon_name
3 Likes
https://www.home-assistant.io/integrations/version/
• Local installation
• Docker Hub → Stable
• Docker Hub → Beta
1 Like
@Mattias_Persson I like the organization you made much better. Nice changes. I make a query. Did you remove the rounding from the cards?
thanks
How are you? Could you share the spot icon and the air conditioning icon? Thank you
No? 
mmmm That line is I am in trouble 
I found the mistake. You are using this variable that does not exist
var(–custom-button-card-border-radius)
Is this possible to correct?
This is the calculation used for the circle in this case, you just need to pass the % of the circle you want to be filled
variables:
circle_input: >
[[[
return entity === undefined || Math.round(states['zone.home'].state / 3 * 100 ) ;
]]]
1 Like
Hello @Mattias_Persson i’m moving to your new release 2022.8 but I’m having some probelms with the fonts.
I updated fonts.css in www folder and downloaded updated fonts in www/fonts.
At the same time I also added the css in the dashboard resources but when I load the page it loks like fonts are not loaded.
I checked with Chrome dev tool and it looks like the css resource is loaded but not the fonts itself, how is it possible?
Thanks!
Davide
Have you defined the font here?
https://github.com/matt8707/hass-config/blob/1077444f3a5f609bc1f34b1e049b845c4451679e/themes.yaml#L53
Did you download from here? I changed the link 20h ago
https://github.com/matt8707/hass-config/blob/ff5d2e578ced64f217ba365ba363302157e8456a/www/fonts.css
What happens when you enter the direct link in the browser?
http://URL:8123/local/fonts/SFProDisplay-Medium.woff2
Hi @Mattias_Persson, thanks for the answer, I partailly fixed my problem.
Since I have also dashboard on previous version of your config I have both themes (old and new) and old theme was referring to old fonts.
Now fonts are loaded but clock is shown with a smaller size even if in my theme I have:
sidebar-time-font-size: 5.2vw
sidebar-time-line-height: 4.3vw
You can edit this line directly till you’ve fully migrated
Thanks brother
it looks like it is not enough unfortunately.
I cleaned everything and I’m using new theme and button_card_templates.
sidebar template is:
- sensor:
- unique_id: sidebar
state: template
attributes:
time: >
pippo:topolino
- unique_id: sidebar
what is weird is that when i look at the time span font-size is defined as inside the extra_styles.yaml
- font-size: calc(var(–button-card-font-size) - var(–z-axis-adjustment));
any idea?
the sidebar doesn’t load any styles from extra_styles.yaml so it has to be this