, but this code
// executes before the first paint, when
is not yet present. The
// classes are added to so styling immediately reflects the current
// toolbar state. The classes are removed after the toolbar completes
// initialization.
const classesToAdd = ['toolbar-loading', 'toolbar-anti-flicker'];
if (toolbarState) {
const {
orientation,
hasActiveTab,
isFixed,
activeTray,
activeTabId,
isOriented,
userButtonMinWidth
} = toolbarState;
classesToAdd.push(
orientation ? `toolbar-` + orientation + `` : 'toolbar-horizontal',
);
if (hasActiveTab !== false) {
classesToAdd.push('toolbar-tray-open');
}
if (isFixed) {
classesToAdd.push('toolbar-fixed');
}
if (isOriented) {
classesToAdd.push('toolbar-oriented');
}
if (activeTray) {
// These styles are added so the active tab/tray styles are present
// immediately instead of "flickering" on as the toolbar initializes. In
// instances where a tray is lazy loaded, these styles facilitate the
// lazy loaded tray appearing gracefully and without reflow.
const styleContent = `
.toolbar-loading #` + activeTabId + ` {
background-image: linear-gradient(rgba(255, 255, 255, 0.25) 20%, transparent 200%);
}
.toolbar-loading #` + activeTabId + `-tray {
display: block; box-shadow: -1px 0 5px 2px rgb(0 0 0 / 33%);
border-right: 1px solid #aaa; background-color: #f5f5f5;
z-index: 0;
}
.toolbar-loading.toolbar-vertical.toolbar-tray-open #` + activeTabId + `-tray {
width: 15rem; height: 100vh;
}
.toolbar-loading.toolbar-horizontal :not(#` + activeTray + `) > .toolbar-lining {opacity: 0}`;
const style = document.createElement('style');
style.textContent = styleContent;
style.setAttribute('data-toolbar-anti-flicker-loading', true);
document.querySelector('head').appendChild(style);
if (userButtonMinWidth) {
const userButtonStyle = document.createElement('style');
userButtonStyle.textContent = `#toolbar-item-user {min-width: ` + userButtonMinWidth +`px;}`
document.querySelector('head').appendChild(userButtonStyle);
}
}
}
document.querySelector('html').classList.add(...classesToAdd);
})();
Emily Grantham | ÃÛÌÒapp
Skip to main content
Education
- Indiana Wesleyan University - BSN 2017
- University of Michigan - Ann Arbor - DNP 2020
Certifications
- Primary Care Pediatric Nurse Practitioner Certification, PNCB
- Child Advocacy Certification, Indiana Wesleyan University
Specialty
- Infants, Children, and Adolescents
Professional Experience
- Assistant Professor, ÃÛÌÒapp (2022-Present)
- Adjunct Clinical Professor, Davenport University (Spring 2022)
- Adjunct Professor, Hope College (Summer 2021)
- Clinical Manager, Maxim Healthcare Services, Grand Rapids, Michigan (2021-2022
- RN, Pediatric Pulmonology/Cystic Fibrosis Center, Toledo, Ohio (2018-2020)
- RN, Hematology/Oncology, Michigan Medicine, Ann Arbor, Michigan (2017-2018)
Presentations
- Standardizing and Evaluating Education for Newly Diagnosed Pediatric Patients with Diabetes. ÃÛÌÒapp. Grand Rapids, Michigan. 2022
Professional Associations
- Michigan Chapter of National Association of Pediatric Nurse Practitioners (NAPNAP)