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 18:18:40 +02:00
parent a9466ebdd5
commit 67bf82b8ad
1 changed files with 11 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -116,8 +116,7 @@ class CookCliDashboardStrategy extends HTMLElement {
class CookCliRecipeViewStrategy extends HTMLElement { 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(46px, 20vw, 100px)";
static NAV_BUTTON_WIDTH_MOBILE = "clamp(46px, 20vw, 100px)";
static async generate(config, hass) { static async generate(config, hass) {
config = config || {}; config = config || {};
@ -219,6 +218,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
:host { :host {
flex: 0 0 ${this.NAV_BUTTON_WIDTH} !important; flex: 0 0 ${this.NAV_BUTTON_WIDTH} !important;
width: ${this.NAV_BUTTON_WIDTH} !important; width: ${this.NAV_BUTTON_WIDTH} !important;
height: ${this.NAV_BUTTON_WIDTH} !important;
min-width: 0 !important; min-width: 0 !important;
} }
ha-card { ha-card {
@ -231,12 +231,6 @@ class CookCliRecipeViewStrategy extends HTMLElement {
--paper-item-icon-color: var(--text-primary-color, #fff);` --paper-item-icon-color: var(--text-primary-color, #fff);`
: `background: var(--secondary-background-color);`} : `background: var(--secondary-background-color);`}
} }
@media (max-width: 869px) {
:host {
flex: 0 0 ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
width: ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
height: ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
}
ha-card > span { ha-card > span {
border: 0 !important; border: 0 !important;
clip-path: inset(50%) !important; clip-path: inset(50%) !important;
@ -247,7 +241,6 @@ class CookCliRecipeViewStrategy extends HTMLElement {
width: 1px !important; width: 1px !important;
white-space: nowrap !important; white-space: nowrap !important;
} }
}
`, `,
}, },
}; };