diff --git a/custom_components/cookcli/www/cookcli-recipe-strategy.js b/custom_components/cookcli/www/cookcli-recipe-strategy.js index b65900d..14e2ed5 100644 --- a/custom_components/cookcli/www/cookcli-recipe-strategy.js +++ b/custom_components/cookcli/www/cookcli-recipe-strategy.js @@ -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; } `, },