3396676 - adds word-break to toolbar-menu__item (69f41d2c) · Commits · project / gin

dist/css/layout/navigation.css

+13 −0

Original line number	Diff line number	Diff line
		@@ -218,6 +218,9 @@ body {
		list-style: none;
		-webkit-padding-before: 0;
		padding-block-start: 0;
		word-break: break-word;
		-webkit-hyphens: auto;
		hyphens: auto;
		}

		.toolbar-menu .toolbar-menu__item--to-title {
		@@ -1082,6 +1085,16 @@ html:not(.admin-toolbar-expanded) .gin--navigation .toolbar-menu__item--level-1.
		padding-top: 0;
		}

		.toolbar-menu .toolbar-link--has-icon,
		.toolbar-menu .toolbar-link--has-icon .toolbar-link__label {
		text-overflow: ellipsis;
		overflow: hidden;
		}

		.toolbar-menu .toolbar-link--has-icon::before, .toolbar-menu .toolbar-link--has-icon::after {
		flex-shrink: 0;
		}

		button.toolbar-link--sidebar-toggle {
		background: var(--gin-bg-layer2);
		}

+3 −3

Original line number	Diff line number	Diff line
		@@ -226,7 +226,7 @@
		const buttonEl = hoveredEl.querySelector('.toolbar-link'); // The level-1 list item <button>.
		const clonedFlyout = hoveredEl.querySelector('.toolbar-menu__submenu').cloneNode(true); // Flyout clone.
		const clonedFlyoutId = `${hoveredEl.id}--flyout-clone`; // ID for flyout aria-controls.
		if (hoveredEl.classList.contains('toolbar-menu__item--expanded')) return;
		// if (hoveredEl.classList.contains('toolbar-menu__item--expanded')) return;
		closeFlyout();
		closeTooltip();
		// Add aria attributes to the flyout and <button>.
		@@ -263,11 +263,11 @@

		// If the active submenu is not yet open (it might be open if it has
		// focus-within and the user did a mouseleave and mouseenter).
		if (!hoveredEl.classList.contains('toolbar-menu__item--expanded')) {
		// if (!hoveredEl.classList.contains('toolbar-menu__item--expanded')) {
		// Only position if the submenu is not already open. This prevents the
		// flyout from unexpectedly shifting.
		positionFlyout(hoveredEl);
		}
		// }
		hoveredEl.classList.add('toolbar-menu__item--expanded');

		// When a level-1 item hover ends, check if the flyout has focus and if

+16 −0

Original line number	Diff line number	Diff line
		@@ -254,6 +254,22 @@ html:not(.admin-toolbar-expanded) .gin--navigation .toolbar-menu__item--level-1.
		padding-top: 0;
		}

		// --------------
		// Text overflow
		// --------------
		.toolbar-menu .toolbar-link--has-icon {
		&,
		.toolbar-link__label {
		text-overflow: ellipsis;
		overflow: hidden;
		}

		&::before,
		&::after {
		flex-shrink: 0;
		}
		}

		// --------------
		// Sidebar toggle
		// --------------

+2 −0