样式“自定义:fold-entity-row”:
彩色文本(名称和值):
如何指定一个颜色连续“头”和一些“物品”行:
类型:实体实体:类型:“自定义:fold-entity-row”头:实体:太阳。阳光的名字:个别颜色风格:|:主机{颜色:红色;}填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:|:主机{颜色:绿色;}-实体:sun.sun- entity: sun.sun
如何为所有行+指定一个颜色不同的颜色对于一些“物品”行(注意,雪佛龙按钮也是彩色的):
类型:实体实体:类型:“自定义:fold-entity-row”风格:|:主持人{颜色:红色;}:实体:太阳。阳光的名字:常见的颜色填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:|:主机{颜色:绿色;}-实体:sun.sunname: common color - entity: sun.sun name: common color
彩色的价值观:
如何指定一个颜色连续“头”和一些“物品”行:
类型:实体实体:类型:“自定义:fold-entity-row”头:实体:太阳。阳光的名字:个别颜色风格:hui-generic-entity-row: | .text-content。指针{颜色:红色;}填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:hui-generic-entity-row: | .text-content。指针{颜色:绿色;}-实体:sun.sun
如何指定一种颜色为所有“物品”行:
有两个选择——通过使用“#项目”与使用“nth-child”。
类型:实体实体:类型:“自定义:fold-entity-row”风格:“#项目”:hui-text-entity-row:美元:hui-generic-entity-row: | .text-content。指针{颜色:红色;}:实体:太阳。太阳填充:15开放:真正的实体:-实体:太阳。阳光的名字:常见的颜色——实体:太阳。阳光的名字:常见的颜色- type: 'custom:fold-entity-row' style: 'div:nth-child(2)': hui-text-entity-row: $: hui-generic-entity-row: | .text-content.pointer { color: red; } head: entity: sun.sun padding: 15 open: true entities: - entity: sun.sun name: common color - entity: sun.sun name: common color
如何为所有“物品”行+指定一个颜色不同的颜色对于一些“物品”行:
类型:实体实体:类型:“自定义:fold-entity-row”风格:“#项目”:hui-text-entity-row:美元:hui-generic-entity-row: | .text-content。指针{颜色:红色;}:实体:太阳。太阳填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:hui-generic-entity-row: | .text-content。指针{颜色:绿色!重要;}-实体:sun.sunname: common color - entity: sun.sun name: common color
如何为所有行指定一个颜色:
类型:实体实体:类型:“自定义:fold-entity-row”风格:hui-text-entity-row:美元:hui-generic-entity-row: | .text-content。指针{颜色:红色;}“#项目”:hui-text-entity-row: $: hui-generic-entity-row: | .text-content。指针{颜色:红色;}:实体:太阳。阳光的名字:常见的颜色填充:15开放:真正的实体:-实体:太阳。阳光的名字:常见的颜色——实体:太阳。阳光的名字:常见的颜色
彩色的名字:
注意:所有代码为“没有“secondary_info””。
如果“secondary_info”然后指定替换”.info.pointer.text-content”与“.info.pointer”。
根据我的测试,你可以只使用“.info.pointer”,它无论如何都要工作。
如何指定一种颜色的“头”和一些“物品”行:
类型:实体实体:类型:“自定义:fold-entity-row”头:实体:太阳。阳光的名字:个别颜色风格:hui-generic-entity-row: $: | .info.pointer.text-content{颜色:红色;}填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:hui-generic-entity-row: $: | .info.pointer.text-content{颜色:绿色;}-实体:sun.sun
如何为所有“物品”行指定一个颜色:
有两个选择——通过使用“#项目”与使用“nth-child”。
类型:实体实体:类型:“自定义:fold-entity-row”风格:“#项目”:hui-text-entity-row:美元:hui-generic-entity-row:美元:| .info.pointer.text-content{颜色:红色;}:实体:太阳。太阳填充:15开放:真正的实体:-实体:太阳。阳光的名字:常见的颜色——实体:太阳。阳光的名字:常见的颜色- type: 'custom:fold-entity-row' style: 'div:nth-child(2)': hui-text-entity-row: $: hui-generic-entity-row: $: | .info.pointer.text-content { color: red; } head: entity: sun.sun padding: 15 open: true entities: - entity: sun.sun name: common color - entity: sun.sun name: common color
如何为所有“物品”行+指定一个颜色不同的颜色对于一些“物品”行:
类型:实体实体:类型:“自定义:fold-entity-row”风格:“#项目”:hui-text-entity-row:美元:hui-generic-entity-row:美元:| .info.pointer.text-content{颜色:红色;}:实体:太阳。太阳填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:hui-generic-entity-row: $: | .info.pointer.text-content{颜色:绿色!重要;}-实体:sun.sunname: common color - entity: sun.sun name: common color
如何为所有行指定一个颜色:
类型:实体实体:类型:“自定义:fold-entity-row”风格:hui-text-entity-row:美元:hui-generic-entity-row:美元:| .info.pointer.text-content{颜色:红色;}“#项目”:hui-text-entity-row: $: hui-generic-entity-row:美元:| .info.pointer.text-content{颜色:红色;}:实体:太阳。阳光的名字:常见的颜色填充:15开放:真正的实体:-实体:太阳。阳光的名字:常见的颜色——实体:太阳。阳光的名字:常见的颜色
彩色secondary_info:
如何指定一个颜色连续“头”和一些“物品”行:
类型:实体实体:类型:“自定义:fold-entity-row”头:实体:太阳。太阳的名字:个别颜色secondary_info:上次调整风格:hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:红色;}填充:15开放:真正的实体:-实体:太阳。太阳的名字:个别颜色secondary_info:上次调整风格:hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:绿色;}-实体:sun.sun
如何为所有“物品”行+指定一个颜色不同的颜色对于一些“物品”行:
类型:实体名称:常见的颜色+个人实体:所有项目类型:“自定义:fold-entity-row”风格:“#项目”:hui-text-entity-row:美元:hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:红色;}:实体:太阳。太阳secondary_info:上次调整填充:15开放:真正的实体:-实体:太阳。太阳的名字:个别颜色secondary_info:上次调整风格:hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:绿色!重要;}-实体:sun.sunname: common color secondary_info: last-changed - entity: sun.sun name: common color secondary_info: last-changed
如何为所有行+指定一个颜色不同的颜色对于一些“物品”行:
类型:实体名称:常见的所有行+个人实体:颜色-类型:“自定义:fold-entity-row”风格:hui-text-entity-row:美元:hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:红色;}“#项目”:hui-text-entity-row: $: hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:红色;}:实体:太阳。阳光的名字:常见颜色secondary_info:上次调整填充:15开放:真正的实体:-实体:太阳。太阳的名字:个别颜色secondary_info:上次调整风格:hui-generic-entity-row:美元:| .info.pointer .secondary ha-relative-time{颜色:绿色!重要;}-实体:sun.sunname: common color secondary_info: last-changed - entity: sun.sun name: common color secondary_info: last-changed
彩色的图标:
如何为所有行指定一个颜色和不同的颜色对于一些行(“头”或“项目”):
类型:实体实体:类型:“自定义:fold-entity-row”风格:|:主持人{——paper-item-icon-color:红色;}:实体:太阳。阳光的名字:常见的颜色填充:15开放:真正的实体:-实体:太阳。阳光的名字:个别颜色风格:|:主机{——paper-item-icon-color:橙色;}-实体:sun.sunname: individual color style: | :host { --paper-item-icon-color: green; } - entity: sun.sun name: common color
包装一个文本:
类型:实体实体:类型:“自定义:fold-entity-row”头:实体:太阳。太阳的名字:裹包包装包裹包装风格:hui-generic-entity-row:美元:| .info.pointer.text-content{颜色:绿色;文本溢出:复原!重要;空白:复原!重要;}填充:15开放:真正的实体:-实体:太阳。太阳的名字:裹包包装包裹包装风格:hui-generic-entity-row:美元:| .info.pointer.text-content{颜色:红色;文本溢出:复原!重要;空白:复原!重要;}-实体:sun.sunname: Not wrapped Not wrapped Not wrapped Not wrapped
彩色雪佛龙按钮:
类型:实体实体:类型:“自定义:fold-entity-row”风格:ha-icon:美元:| ha-svg-icon{颜色:红色;}:实体:太阳。太阳的名字:彩色按钮填充:15开放:真正的实体:-实体:太阳。太阳-实体:sun.sun
把雪佛龙按钮向右:
默认情况下,按钮不成见是正确的文本边界。
比较这些按钮:
类型:实体实体:类型:“自定义:fold-entity-row”风格:| ha-icon{宽度:24 px !重要;}hui-text-entity-row {max-width:钙(100%)24 px) !重要;}:实体:太阳。太阳填充:15开放:真正的实体:-实体:太阳。太阳-实体:sun.sun- type: 'custom:fold-entity-row' head: entity: sun.sun padding: 15 open: true entities: - entity: sun.sun - entity: sun.sun
更新18.03.21:这似乎不再需要检查GitHub的问题。
在一些版本更正。现在看起来这违约和同样风格的变异看起来:
如何删除一个雪佛龙按钮可点击标题:
通常按雪佛龙按钮显示的项。
如果“可点击:真正的“属性设置,然后点击显示的物品可能是头。
然后您可以删除雪佛龙按钮:
类型:实体名称:“没有雪佛龙,点击标题”实体:太阳。太阳,太阳。太阳——类型:自定义:fold-entity-row头:实体:太阳。阳光风格:|:主持人{粗细:大胆的;}填充:15开放:真正的可点击:真正的实体:-实体:太阳。太阳-实体:sun.sun风格:ha-icon: $: | ha-svg-icon { display: none; } .: | ha-icon { width: 0px !important; } .: | hui-text-entity-row { max-width: calc(100%) !important; }
更多的例子伟德国际官方app下载苹果版描述在这里。
