javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(header): apply shadow on MD headers

Browse Source
This commit is contained in:
Adam Bradley
2016-06-29 11:26:38 -05:00
parent 08f22fb82b
commit 6fa2faffba
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/toolbar/toolbar.md.scss
View File

@ -29,6 +29,19 @@ $toolbar-md-button-border-radius: 2px !default;
$navbar-md-height: $toolbar-md-height !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 { .toolbar {
padding: $toolbar-md-padding; padding: $toolbar-md-padding;