Navigation updates: alignment changes (5f769819) · Commits · project / gin

dist/css/base/gin.css

+9 −1

Original line number	Diff line number	Diff line
		@@ -343,7 +343,7 @@ button.link:active,
		@media (min-width: 64em) {
		.sticky-shadow {
		position: sticky;
		top: calc(var(--gin-toolbar-y-offset) + var(--gin-spacing-l));
		top: calc(var(--gin-toolbar-y-offset) + var(--gin-height-sticky) - 40px);
		width: calc(100% - min(10vw, 96px) + var(--gin-spacing-l));
		}

		@@ -1591,6 +1591,14 @@ table td.field-plugin-summary-cell {
		vertical-align: middle;
		}

		[dir="ltr"] table .views-field.views-field-operations {
		text-align: right;
		}

		[dir="rtl"] table .views-field.views-field-operations {
		text-align: left;
		}

		.draggable a.tabledrag-handle {
		float: none;
		vertical-align: middle;

dist/css/components/ckeditor5.css

+4 −0

Original line number	Diff line number	Diff line
		@@ -63,6 +63,10 @@
		box-shadow: none;
		}

		.ck .ck.ck-editor__editable_inline {
		padding: 0 var(--gin-spacing-s);
		}

		.ck .ck-button[aria-pressed=true] {
		color: var(--gin-color-primary-active);
		border: 2px solid var(--gin-color-primary);

dist/css/layout/navigation.css

+13 −7

Original line number	Diff line number	Diff line
		@@ -811,7 +811,7 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
		@media (min-width: 61em) {
		:root {
		--gin-toolbar-height: 0px;
		--gin-toolbar-secondary-height: 56px;
		--gin-toolbar-secondary-height: 52px;
		--gin-toolbar-x-offset: var(--drupal-displace-offset-left, 64px);
		--gin-scroll-offset: 130px;
		--gin-sticky-offset: var(--gin-height-sticky);
		@@ -838,6 +838,10 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
		}
		}

		.gin--navigation .gin-secondary-toolbar:not(.gin-secondary-toolbar--frontend) {
		margin-bottom: var(--gin-spacing-xxs);
		}

		.gin--navigation .gin-secondary-toolbar--frontend {
		z-index: 102;
		-webkit-margin-start: var(--gin-toolbar-x-offset);
		@@ -930,8 +934,8 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
		}

		.gin--navigation .toolbar-block__content.toolbar-block__content--content {
		-webkit-margin-before: var(--space-m);
		margin-block-start: var(--space-m);
		-webkit-margin-before: var(--space-s);
		margin-block-start: var(--space-s);
		}

		.gin--navigation .toolbar-link {
		@@ -945,7 +949,7 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
		}

		.gin--navigation .navigation-menu-wrapper.menu--logo {
		margin-bottom: -2px;
		margin-bottom: -5px;
		}

		.gin--navigation .menu-item.current > .toolbar-link {
		@@ -1133,9 +1137,11 @@ button.toolbar-link--sidebar-toggle:hover::before, button.toolbar-link--sidebar-
		.toolbar-link--gin-home {
		color: var(--gin-bg-layer2);
		box-sizing: border-box;
		max-width: 30px;
		padding: 5px !important;
		margin: 8px 8px 4px !important;
		width: 40px;
		height: 40px;
		max-width: 40px;
		padding: 10px !important;
		margin: 6px 4px 0 !important;
		}

		.toolbar-link--gin-home, .toolbar-link--gin-home:hover, .toolbar-link--gin-home:focus {

dist/css/theme/variables.css

+2 −1

Original line number	Diff line number	Diff line
		@@ -79,12 +79,13 @@
		--gin-border-color-table: rgba(0, 0, 0, .1);
		--gin-border-color-table-header: rgba(0, 0, 0, .2);
		--gin-border-color-form-element: #8e929c;
		--size-summary-border-radius: calc(var(--gin-border-m) - 1px);
		--gin-easing: cubic-bezier(.19, 1, .22, 1);
		--gin-transition: .15s var(--gin-easing);
		--gin-transition-fast: .3s var(--gin-easing);
		--gin-shadow-l1: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
		--gin-shadow-l2: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%), 0 20px 24px rgb(20 45 82 / 12%);
		--gin-height-sticky: 64px;
		--gin-height-sticky: 60px;
		--gin-toolbar-width-collapsed: 66px;
		--gin-toolbar-width: 256px;
		--gin-toolbar-bg-level2: #edeff5;

styles/base/_regions.scss

+1 −1

Original line number	Diff line number	Diff line
		@@ -135,7 +135,7 @@

		@include mq(large) {
		position: sticky;
		top: calc(var(--gin-toolbar-y-offset) + var(--gin-spacing-l));
		top: calc(var(--gin-toolbar-y-offset) + (var(--gin-height-sticky) - 40px));
		width: calc(100% - min(10vw, 96px) + var(--gin-spacing-l));

		// Classic, legacy toolbar