Add print friendly style overrides (#3621)

This commit is contained in:
Charles Garwood 2017-10-14 11:25:33 -04:00 committed by Fabian Affolter
parent dfb11dbd9d
commit 051997c9b8
3 changed files with 41 additions and 1 deletions

39
sass/custom/_print.scss Normal file
View file

@ -0,0 +1,39 @@
@media print {
/* General Overrides */
header div.grid__item nav {
display: none;
}
aside#sidebar {
display: none;
}
.grid__item {
display: block;
width: 100%;
}
/* Components List */
div.filter-button-group {
display: none;
}
.hass-option-cards.show-items {
display: block;
}
.hass-option-cards.show-items a.option-card {
display: block;
opacity: 1;
width: 100%;
height: auto;
min-height: 80px;
margin-bottom: 8px;
}
.hass-option-cards.show-items a.option-card .img-container {
float: left;
width: 33%;
text-align: center;
}
.hass-option-cards.show-items a.option-card div.title {
height: 1.5em;
margin-top: 8px;
}
}

View file

@ -2,3 +2,4 @@
@import 'custom/paulus';
@import 'custom/component_page';
@import 'custom/syntax';
@import 'custom/print';