hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-17 23:13:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

44112: Upgrade to bootstrap 4 beta

Browse Source
This commit is contained in:
Lotte Hofstede
2017-08-22 09:42:49 +02:00
parent f70cf51310
commit cab2eca394
32 changed files with 65 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/app.component.scss
View File

@@ -1,7 +1,4 @@
@import '../styles/variables.scss';
@import '../../node_modules/bootstrap/scss/bootstrap.scss';
@import "../../node_modules/font-awesome/scss/font-awesome.scss";
@import '../styles/main.scss';
html {
position: relative;
min-height: 100%;

2
src/app/collection-page/collection-page.component.scss
View File

@@ -1 +1 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';

2
src/app/community-page/community-page.component.scss
View File

@@ -1 +1 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';

2
src/app/community-page/sub-collection-list/community-page-sub-collection-list.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

5
src/app/core/footer/footer.component.scss
View File

@@ -1,6 +1,5 @@
@import '../../../styles/variables.scss';
@import '../../../../node_modules/bootstrap/scss/_variables.scss';
$footer-bg: $gray-lighter;
@import '../../../styles/main.scss';
$footer-bg: $gray-100;
$footer-border: 1px solid darken($footer-bg, 10%);
$footer-padding: $spacer * 1.5;

8
src/app/header/header.component.html
View File

@@ -1,11 +1,11 @@
<header>
<nav class="navbar navbar-toggleable-sm navbar-inverse bg-inverse">
<button class="navbar-toggler navbar-toggler-right" type="button" (click)="toggle()" aria-controls="collapsingNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa fa-bars fa-fw" aria-hidden="true"></span>
</button>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div [ngClass]="{'clearfix': !(isNavBarCollapsed | async)}">
<a class="navbar-brand" routerLink="/home">{{ 'title' | translate }}</a>
</div>
<button class="navbar-toggler" type="button" (click)="toggle()" aria-controls="collapsingNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa fa-bars fa-fw" aria-hidden="true"></span>
</button>
<div [ngbCollapse]="(isNavBarCollapsed | async)" class="collapse navbar-collapse" id="collapsingNav">
<ul class="navbar-nav mr-auto">
<li class="nav-item">

2
src/app/header/header.component.scss
View File

@@ -1,4 +1,4 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';
header nav.navbar {
border-radius: 0;

5
src/app/home/home-news/home-news.component.scss
View File

@@ -1,7 +1,8 @@
@import '../../../styles/mixins.scss';
@import '../../../styles/main.scss';
:host {
display: block;
@include negate-gutters();
margin-right: ($grid-gutter-width / -2);
margin-left: ($grid-gutter-width / -2);
}
.dspace-logo-container {

2
src/app/home/home.component.scss
View File

@@ -1 +1 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';

2
src/app/item-page/field-components/metadata-field-wrapper/metadata-field-wrapper.component.scss
View File

@@ -1,4 +1,4 @@
@import '../../../../styles/variables.scss';
@import '../../../../styles/main.scss';
:host {
.simple-view-element {

2
src/app/item-page/field-components/metadata-uri-values/metadata-uri-values.component.scss
View File

@@ -1 +1 @@
@import '../../../../styles/variables.scss';
@import '../../../../styles/main.scss';

2
src/app/item-page/field-components/metadata-values/metadata-values.component.scss
View File

@@ -1 +1 @@
@import '../../../../styles/variables.scss';
@import '../../../../styles/main.scss';

3
src/app/item-page/full/field-components/file-section/full-file-section.component.scss
View File

@@ -1,5 +1,4 @@
@import '../../../../../styles/variables.scss';
@import '../../../../../../node_modules/bootstrap/scss/_variables.scss';
@import '../../../../../styles/main.scss';
@media screen and (min-width: map-get($grid-breakpoints, md)) {
dt {
text-align: right;

2
src/app/item-page/full/full-item-page.component.html
View File

@@ -2,7 +2,7 @@
<ds-item-page-title-field [item]="item.payload | async"></ds-item-page-title-field>
<div class="simple-view-link">
<a class="btn btn-secondary col-4" [routerLink]="['/items/' + (item.payload | async)?.id]">
<a class="btn btn-outline-primary col-4" [routerLink]="['/items/' + (item.payload | async)?.id]">
{{"item.page.link.simple" | translate}}
</a>
</div>

2
src/app/item-page/full/full-item-page.component.scss
View File

@@ -1,4 +1,4 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';
:host {
div.simple-view-link {
text-align: center;

2
src/app/item-page/simple/item-page.component.html
View File

@@ -16,7 +16,7 @@
<ds-item-page-uri-field [item]="item.payload | async"></ds-item-page-uri-field>
<ds-item-page-collections [item]="item.payload | async"></ds-item-page-collections>
<div>
<a class="btn btn-secondary" [routerLink]="['/items/' + (item.payload | async)?.id + '/full']">
<a class="btn btn-outline-primary" [routerLink]="['/items/' + (item.payload | async)?.id + '/full']">
{{"item.page.link.full" | translate}}
</a>
</div>

2
src/app/item-page/simple/item-page.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

2
src/app/object-list/collection-list-element/collection-list-element.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

2
src/app/object-list/community-list-element/community-list-element.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

2
src/app/object-list/item-list-element/item-list-element.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

5
src/app/object-list/object-list-element/object-list-element.component.scss
View File

@@ -1,7 +1,6 @@
@import '../../../styles/variables.scss';
@import '../../../../node_modules/bootstrap/scss/variables';
@import '../../../styles/main.scss';
:host {
display: block;
margin-bottom: $spacer-y;
margin-bottom: $spacer;
}

2
src/app/object-list/object-list.component.scss
View File

@@ -1 +1 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';

2
src/app/pagenotfound/pagenotfound.component.scss
View File

@@ -1 +1 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';

2
src/app/shared/comcol-page-content/comcol-page-content.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

2
src/app/shared/comcol-page-header/comcol-page-header.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

2
src/app/shared/comcol-page-logo/comcol-page-logo.component.scss
View File

@@ -1 +1 @@
@import '../../../styles/variables.scss';
@import '../../../styles/main.scss';

2
src/app/thumbnail/thumbnail.component.scss
View File

@@ -1 +1 @@
@import '../../styles/variables.scss';
@import '../../styles/main.scss';

4
src/styles/_main.scss Normal file
View File

@@ -0,0 +1,4 @@
@import 'variables.scss';
@import '../../node_modules/bootstrap/scss/bootstrap.scss';
@import "../../node_modules/font-awesome/scss/font-awesome.scss";
@import 'mixins.scss';

13
src/styles/_mixins.scss
View File

@@ -1,12 +1 @@
@import './variables.scss';
@import '../../node_modules/bootstrap/scss/variables';
@import '../../node_modules/bootstrap/scss/mixins';
@mixin negate-gutters($gutters: $grid-gutter-widths) {
@each $breakpoint in map-keys($gutters){
@include media-breakpoint-up($breakpoint) {
$gutter: map-get($gutters, $breakpoint);
margin-right: ($gutter / -2);
margin-left: ($gutter / -2);
}
}
}
/* Custom mixins go here */

34
src/styles/variables.scss
View File

@@ -4,17 +4,27 @@ $fa-font-path: "../assets/fonts";
$image-path: "../assets/images";
/* Colors */
$gray-base: #000 !default;
$gray-darker: lighten($gray-base, 13.5%) !default; // #222
$gray-dark: lighten($gray-base, 26.6%) !default; // #444
$gray: lighten($gray-base, 46.6%) !default; // #777
$gray-light: lighten($gray-base, 73.3%) !default; // #bbb
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee
$gray-900: lighten($gray-base, 13.5%) !default; // #222
$gray-800: lighten($gray-base, 26.6%) !default; // #444
$gray-700: lighten($gray-base, 46.6%) !default; // #777
$gray-600: lighten($gray-base, 73.3%) !default; // #bbb
$gray-100: lighten($gray-base, 93.5%) !default; // #eee
/* Reassign color vars to semantic color scheme */
$brand-primary: #2B4E72 !default;
$brand-success: #94BA65 !default;
$brand-info: #2790B0 !default;
$brand-warning: #EBBB54 !default;
$brand-danger: #CF4444 !default;
$brand-inverse: $brand-primary !default;
$blue: #2B4E72 !default;
$green: #94BA65 !default;
$cyan: #2790B0 !default;
$yellow: #EBBB54 !default;
$red: #CF4444 !default;
$theme-colors: (
primary: $blue,
secondary: $gray-600,
success: $green,
info: $cyan,
warning: $yellow,
danger: $red,
light: $gray-100,
dark: $blue
) !default;
/* Fonts */
$link-color: $brand-info !default;
$link-color: $cyan !default;