hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 01:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2605 from DSpace/backport-2364-to-dspace-7_x

Browse Source 
[Port dspace-7_x] Utility gap-* classes for flexbox
This commit is contained in:
Tim Donohue
2023-11-08 16:57:59 -06:00
committed by GitHub
parent fbe4732450 c5f22ab959
commit 5eb62e22eb
5 changed files with 26 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/styles/_global-styles.scss
View File

@@ -268,6 +268,30 @@ ul.dso-edit-menu-dropdown > li .nav-item.nav-link {
vertical-align: middle;
}
/* Flexbox gap */
.gap-0 { gap: 0; }
.gap-1 { gap: calc(#{$spacer} * .25); }
.gap-2 { gap: calc(#{$spacer} * .5); }
.gap-3 { gap: #{$spacer}; }
.gap-4 { gap: calc(#{$spacer} * 1.5); }
.gap-5 { gap: calc(#{$spacer} * 3); }
.gapx-0 { column-gap: 0; }
.gapx-1 { column-gap: calc(#{$spacer} * .25); }
.gapx-2 { column-gap: calc(#{$spacer} * .5); }
.gapx-3 { column-gap: #{$spacer}; }
.gapx-4 { column-gap: calc(#{$spacer} * 1.5); }
.gapx-5 { column-gap: calc(#{$spacer} * 3); }
.gapy-0 { row-gap: 0; }
.gapy-1 { row-gap: calc(#{$spacer} * .25); }
.gapy-2 { row-gap: calc(#{$spacer} * .5); }
.gapy-3 { row-gap: #{$spacer}; }
.gapy-4 { row-gap: calc(#{$spacer} * 1.5); }
.gapy-5 { row-gap: calc(#{$spacer} * 3); }
.pt-0\.5 {
padding-top: 0.125rem !important;
}

2
src/themes/dspace/app/header/header.component.html
View File

@@ -5,7 +5,7 @@
<img src="assets/images/dspace-logo.svg" [attr.alt]="'menu.header.image.logo' | translate"/>
</a>
</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-lang-switch></ds-themed-lang-switch>
<ds-context-help-toggle></ds-context-help-toggle>

6
src/themes/dspace/app/header/header.component.scss
View File

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

2
src/themes/dspace/app/navbar/navbar.component.html
View File

@@ -15,7 +15,7 @@
</li>
</ul>
</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-lang-switch class="navbar-collapsed"></ds-themed-lang-switch>
<ds-context-help-toggle class="navbar-collapsed"></ds-context-help-toggle>

6
src/themes/dspace/app/navbar/navbar.component.scss
View File

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