[DURACOM-177] Use gap-* classes on navbar buttons

(cherry picked from commit a35629536e)
This commit is contained in:
Davide Negretti
2023-11-06 11:39:48 +01:00
committed by github-actions[bot]
parent 75e45cc8c2
commit c5f22ab959
4 changed files with 2 additions and 14 deletions

View File

@@ -5,7 +5,7 @@
<img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate"/> <img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate"/>
</a> </a>
</div> </div>
<div class="navbar-buttons d-flex flex-grow-1 ml-auto justify-content-end align-items-center"> <div class="navbar-buttons d-flex flex-grow-1 ml-auto justify-content-end align-items-center gapx-1">
<ds-themed-search-navbar></ds-themed-search-navbar> <ds-themed-search-navbar></ds-themed-search-navbar>
<ds-themed-lang-switch></ds-themed-lang-switch> <ds-themed-lang-switch></ds-themed-lang-switch>
<ds-context-help-toggle></ds-context-help-toggle> <ds-context-help-toggle></ds-context-help-toggle>

View File

@@ -24,9 +24,3 @@
color: var(--ds-header-icon-color-hover); color: var(--ds-header-icon-color-hover);
} }
} }
.navbar-buttons {
display: flex;
gap: calc(var(--bs-spacer) / 3);
align-items: center;
}

View File

@@ -15,7 +15,7 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="navbar-buttons"> <div class="navbar-buttons d-flex align-items-center gapx-1">
<ds-themed-search-navbar class="navbar-collapsed"></ds-themed-search-navbar> <ds-themed-search-navbar class="navbar-collapsed"></ds-themed-search-navbar>
<ds-themed-lang-switch class="navbar-collapsed"></ds-themed-lang-switch> <ds-themed-lang-switch class="navbar-collapsed"></ds-themed-lang-switch>
<ds-context-help-toggle class="navbar-collapsed"></ds-context-help-toggle> <ds-context-help-toggle class="navbar-collapsed"></ds-context-help-toggle>

View File

@@ -59,9 +59,3 @@ a.navbar-brand img {
} }
} }
} }
.navbar-buttons {
display: flex;
gap: calc(var(--bs-spacer) / 3);
align-items: center;
}