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';

View File

@ -32,7 +32,7 @@
<meta name="twitter:description" content="{{ fb_description | truncate:200 }}">
<meta name="twitter:image" content="{{ social_image }}">
<link href="{{ root_url }}/stylesheets/screen.css" media="screen, projection" rel="stylesheet">
<link href="{{ root_url }}/stylesheets/screen.css" media="screen, projection, print" rel="stylesheet">
<link href="{{ root_url }}{{ site.subscribe_rss }}" rel="alternate" title="{{ site.title }}" type="application/atom+xml">
<link rel='shortcut icon' href='{{ root_url }}/images/favicon.ico' />
<link rel='icon' type='image/png' href='{{ root_url }}/images/favicon-192x192.png' sizes='192x192' />