Skip to content

Commit

Permalink
feat(header): apply shadow on MD headers
Browse files Browse the repository at this point in the history
  • Loading branch information
adamdbradley committed Jun 29, 2016
1 parent 08f22fb commit 6fa2faf
Showing 1 changed file with 13 additions and 0 deletions.
13 changes: 13 additions & 0 deletions src/components/toolbar/toolbar.md.scss
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,19 @@ $toolbar-md-button-border-radius: 2px !default;
$navbar-md-height: $toolbar-md-height !default;


ion-header::after {
// using datauri png background image for improved scroll performance
// rather than using `box-shadow: 0 2px 5px rgba(0,0,0,0.26);`
// noticable performance difference on older Android devices
position: absolute;
width: 100%;
height: 5px;
content: '';
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAIBAMAAAARjyJQAAAAFVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQCkAAAAB3RSTlMBLRUGDSA4cBS/RQAAACBJREFUeF5jSEMCDIJIgCEUCTAoIQEGFyTAYIwEGHACAG7+EL36X1OAAAAAAElFTkSuQmCC);
background-repeat: repeat-x;
}


.toolbar {
padding: $toolbar-md-padding;

Expand Down

0 comments on commit 6fa2faf

Please sign in to comment.