iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
57 lines (52 loc) • 1.2 kB
CSS
/* You can delete those if you want. I just found them very helpful */
* {
box-sizing: border-box
}
.m {
/* Don't cut off dropdowns! */
overflow: initial;
}
/* Add your styles here */
.fixed-action-btn {
bottom: 73px ;
right: 10px ;
}
.folder-button {
color: black
}
/* dark mode for editor */
.m.react-dark .row #tab-themes .row #themes {
background-color: #575757 ;
}
.m.react-dark .row #tab-themes .row #themes .ace_gutter {
background-color: #555555 ;
}
.m.react-dark .row #tab-themes .row #themes .ace_gutter-active-line {
background-color: #101010 ;
}
/* long text in smaller screens */
@media screen and (max-width: 800px) {
.long-text {
margin-bottom: 2rem ;
}
}
@media screen and (max-width: 540px) {
.long-text {
margin-bottom: 3rem ;
}
}
@media screen and (max-width: 450px) {
.long-text {
margin-bottom: 5rem ;
}
}
@media screen and (max-width: 395px) {
.long-text {
margin-bottom: 6rem ;
}
}
@media screen and (max-width: 330px) {
.long-text {
margin-bottom: 8rem ;
}
}