, but this code // executes before the first paint, when

ÃÛÌÒapp

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); })(); Abraham Ceballos-Zapata | ÃÛÌÒapp

ÃÛÌÒapp

Skip to main content

Dr. Abraham Ceballos-Zapata

Assistant professor, Spanish | Director of TESOL (Teaching English to Speakers of Other Languages)
World Languages

Education

  • Licenciatura Universidad Autónoma de Yucatán
  • MEd ÃÛÌÒapp College
  • PhD Michigan State University

Research

Professor Ceballos completed his doctoral studies in Curriculum, Instruction and Teacher Education at Michigan State University. In the Spanish Department at ÃÛÌÒapp, he continues to develop his professional interest in preparing language teachers. He is currently teaching a course on World Language Pedagogy, and an introductory course on Bilingual and ESL education. His humanities-oriented research asks how pedagogies in marginal spaces help us imagine decolonial education through the lenses of convivencia, and inform our pedagogical practices across multiple educational settings.

 

 

Abraham Ceballos-Zapata

Contact Me

(616) 526-7717

Loading...