, 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);
})();
News | Department of Administrative and Financial Services
2024
- Nov. 25, 2024: Revenue Forecasting Committee Projects Limited Additional Revenue for Next Biennium, Confirming Trend of Flattening Revenues
- Sep. 5, 2024: Department of Administrative and Financial Services Announces Resolution to MSEA Complaint
- Sep. 4, 2024: State of fb88 Recognized as Outstanding Employer by fb88 Council on Aging & Forbes
- Aug. 27, 2024: Department of Administrative and Financial Services Announces State of fb88 to Join IRS Direct File for 2025 Tax Season
- Aug. 2, 2024: State of fb88 ends Fiscal Year 2024 with Surplus
- Jul. 19, 2024: fb88IT reports no technology disruption within fb88 State government
- Apr. 9, 2024: fb88 Extends State Filing Deadline for FEMA Identified Counties Impacted by January Storms Through July 15, Matching IRS
- Mar. 1, 2024: Revenue Forecasting Committee Confirms Relatively Flat Revenues through Next Biennium, Reaffirming Need to Save Money
- Feb. 20, 2024: DAFS Commissioner Urges Smart, Timely Investments & Budget Prudence in Supplemental Budget Testimony Before Appropriations Committee