Modified: ignite/site/trunk/scss/_bootstrap-custom.scss URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/_bootstrap-custom.scss?rev=1721705&r1=1721704&r2=1721705&view=diff ============================================================================== --- ignite/site/trunk/scss/_bootstrap-custom.scss (original) +++ ignite/site/trunk/scss/_bootstrap-custom.scss Sat Dec 26 04:37:50 2015 @@ -68,3 +68,4 @@ $navbar-default-toggle-icon-bar-bg: $whi $tablet: 992px; $mobile: 767px; $min-mobile: 768px; +$landscape: 700px;
Modified: ignite/site/trunk/scss/all.scss URL: http://svn.apache.org/viewvc/ignite/site/trunk/scss/all.scss?rev=1721705&r1=1721704&r2=1721705&view=diff ============================================================================== --- ignite/site/trunk/scss/all.scss (original) +++ ignite/site/trunk/scss/all.scss Sat Dec 26 04:37:50 2015 @@ -394,63 +394,65 @@ p { color: $red; } } - @media (max-width: $mobile) { - border: none; - display: block; - overflow:hidden; - border-top:1px solid $black; - - tbody { - border-left:120px solid $gray; - float:left; - width:100%; - padding:0 1px 0 1px; - } - tr { - float:left; - width:100%; - clear:both; - - &:nth-child(odd) td { - background-color: rgba(0,0,0,0.1); - } - } - td { - width: 100% !important; - height: auto; - padding:0 0 0 120px !important; - margin:0 -1px 0 -121px; + @media screen { + @media (max-width: $mobile) { + border: none; display: block; - float:left; - clear:both; - width:100%; - white-space:nowrap; - border-width: 0 1px 1px 1px !important; - border-color: $black; - @include box-sizing(content-box); + overflow:hidden; + border-top:1px solid $black; - &:before { - content:attr(title); - padding: 10px; - display:inline-block; - color:$white !important; - font-weight:bold; - width:120px; - vertical-align:middle; - margin:0 0 0 -120px; - position:relative; - white-space:normal; + tbody { + border-left:120px solid $gray; + float:left; + width:100%; + padding:0 1px 0 1px; + } + tr { + float:left; + width:100%; + clear:both; + + &:nth-child(odd) td { + background-color: rgba(0,0,0,0.1); + } } - ul, - span { - white-space:normal; - display:inline-block; - vertical-align:middle; - padding:5px; + td { + width: 100% !important; + height: auto; + padding:0 0 0 120px !important; + margin:0 -1px 0 -121px; + display: block; + float:left; + clear:both; + width:100%; + white-space:nowrap; + border-width: 0 1px 1px 1px !important; + border-color: $black; + @include box-sizing(content-box); + + &:before { + content:attr(title); + padding: 10px; + display:inline-block; + color:$white !important; + font-weight:bold; + width:120px; + vertical-align:middle; + margin:0 0 0 -120px; + position:relative; + white-space:normal; + } + ul, + span { + white-space:normal; + display:inline-block; + vertical-align:middle; + padding:5px; + } } + thead, + th {display:none;} } - thead, - th {display:none;} } } } @@ -760,3 +762,96 @@ p { display: none; } } + +/* + * Reset media print style. + */ +@media print { + a[href]:after { + content: ""; + } + + /* + * Hide social icons. + */ + .social-networks { + display: none; + } + + /* + * Hide navigation menu. + */ + footer nav { + display: none; + } + + /* + * Hide button to download export for table. + */ + .btn-group-export { + display: none; + } + + body { + -webkit-print-color-adjust: exact; + } + + footer { + page-break-inside: avoid; + } + + section.page-section { + page-break-inside: avoid; + } + + section.page-section table { + page-break-inside: avoid; + } + + section.page-section:first-child { + margin-top: 50px; + } + + section.page-section { + padding-top: 0; + margin-top: 0; + margin-bottom: 50px; + + border-bottom: none; + } + + section.page-section p.line-chart { + display: none; + } + + /* + * Small grid + * + * Columns, offsets, pushes, and pulls for the small device range, from phones + * to tablets. + */ + + /* @media (min-width: $mobile) { + @include make-grid(print); + }*/ + + @media (min-width: $landscape) { + @include make-grid(print); + + #main table td { + padding-left: 0; + } + + #main table th { + padding-left: 0; + } + + #main table td:first-child { + padding-left: 20px; + } + + #main table th:first-child { + padding-left: 20px; + } + } +} \ No newline at end of file