Homey Community Forum

Homey Web App [CSS customization]

For me this is missing the Condition and Action cards. So this is my full list:

/* Makes three columns */
.css-14scrpd {
    width: 100%;
	display: flex;    
}

/* Trigger card width */
.css-1ab8s7t {
    width: 33%;
}

/* Condition cards width */
.css-1rtbrz0  {
  width: 95%;
}

/* Action cards width */
.css-vvsplf  {
  width: 95%;
}

/* Make long flow names readable*/
.css-p669uz  {
    white-space: pre-wrap;
}

/* Vertical Space flow names*/.css-b3lw15  {
  height: auto;
  padding-top: 3px;
  padding-bottom: 3px;  
}

/* Vertical Space flow Branch */.div.css-p669uz  {
  height: auto;
  padding-top: 3px;
  padding-bottom: 3px;  
}

/* 'Add Card' Buttons */
.css-1iuu5lg {
  width: 95%;
}

/* Tiles Sizes */
.css-xubk5e {
  --tile-size: 300px;
}

/* Tiles Sizes */
.css-j8k0oi {
  --tile-size: 300px;
}

/* Toggle widths */
.css-qjm5iv{
  width: 30px;
}

/* Toggle widths */
.css-14szuwt {
  width: 30px;
}

The Title Sizes and Button Widths make the large tiles even bigger so they can show more information.

2 Likes