TheThomaas/ha-cookcli
1
0
Fork 0
Code Issues 2 Pull requests Actions Packages Projects 1 Releases 6 Wiki Activity

Update cookcli-recipe-strategy.js

Browse source
This commit is contained in:
TheThomaas 2026-09-24 16:44:30 +02:00
parent 4c51d60259
commit 058a2bdbb3
1 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
custom_components/cookcli/www/cookcli-recipe-strategy.js
View file

@ -117,6 +117,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
// Largeur unique de tous les boutons de navigation (Commencer, Précédent, // Largeur unique de tous les boutons de navigation (Commencer, Précédent,
// Suivant) : c'est elle qu'on ajuste pour les agrandir ou les réduire. // Suivant) : c'est elle qu'on ajuste pour les agrandir ou les réduire.
static NAV_BUTTON_WIDTH = "clamp(96px, 26vw, 150px)"; static NAV_BUTTON_WIDTH = "clamp(96px, 26vw, 150px)";
static NAV_BUTTON_WIDTH_MOBILE = "clamp(46px, 20vw, 100px)";
static async generate(config, hass) { static async generate(config, hass) {
config = config || {}; config = config || {};
@ -231,16 +232,21 @@ class CookCliRecipeViewStrategy extends HTMLElement {
: `background: var(--secondary-background-color);`} : `background: var(--secondary-background-color);`}
} }
@media (max-width: 869px) { @media (max-width: 869px) {
ha-card > span { :host {
border: 0 !important; flex: 0 0 ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
clip-path: inset(50%) !important; width: ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
height: 1px !important; height: ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
margin: -1px !important; }
overflow: hidden !important; ha-card > span {
padding: 0 !important; border: 0 !important;
width: 1px !important; clip-path: inset(50%) !important;
white-space: nowrap !important; height: 1px !important;
} margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
width: 1px !important;
white-space: nowrap !important;
}
} }
`, `,
}, },