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

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

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