hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-16 14:33:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Notification style fix

Browse Source
This commit is contained in:
Kristof De Langhe
2018-05-15 11:34:45 +02:00
parent c712ae789e
commit cdf707bfea
7 changed files with 34 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/shared/notifications/notification/notification.component.html
View File

@@ -1,4 +1,4 @@
<div class="alert {{notification.type}} alert-dismissible p-3" role="alert"
<div class="alert {{notification.type}} alert-dismissible m-3 shadow" role="alert"
[@enterLeave]="animate">
<div class="notification-progress-loader position-absolute w-100" *ngIf="showProgressBar">

6
src/app/shared/notifications/notification/notification.component.scss
View File

@@ -1,5 +1,11 @@
@import '../../../../styles/variables.scss';
.alert {
display: inline-block;
min-width: $modal-sm;
text-align: left;
}
.close {
outline: none !important
}

17
src/app/shared/notifications/notifications-board/notifications-board.component.scss
View File

@@ -2,24 +2,25 @@
@import '../../../../styles/mixins';
.notifications-wrapper {
width: 300px;
z-index: 1051;
z-index: $zindex-popover;
text-align: right;
@include word-wrap;
}
.notifications-wrapper.left {
left: 20px;
left: 0;
}
.notifications-wrapper.top {
top: 20px;
top:0;
}
.notifications-wrapper.right {
right: 20px;
right: 0;
}
.notifications-wrapper.bottom {
bottom: 20px;
bottom: 0;
}
.notifications-wrapper.center {
@@ -39,7 +40,7 @@
@media screen and (max-width: map-get($grid-breakpoints, sm)) {
.notifications-wrapper {
width: auto;
left: 20px;
right: 20px;
left: 0;
right: 0;
}
}

1
src/styles/_bootstrap_variables.scss
View File

@@ -34,3 +34,4 @@ $navbar-light-color: rgba(black, .5) !default;
$navbar-dark-toggler-icon-bg: url("data%3Aimage%2Fsvg+xml%3Bcharset%3Dutf8%2C%3Csvg+viewBox%3D%270+0+30+30%27+xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath+stroke%3D%27#{$navbar-dark-color}%27+stroke-width%3D%272%27+stroke-linecap%3D%27round%27+stroke-miterlimit%3D%2710%27+d%3D%27M4+7h22M4+15h22M4+23h22%27%2F%3E%3C%2Fsvg%3E");
$navbar-light-toggler-icon-bg: url("data%3Aimage%2Fsvg+xml%3Bcharset%3Dutf8%2C%3Csvg+viewBox%3D%270+0+30+30%27+xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath+stroke%3D%27#{$navbar-light-color}%27+stroke-width%3D%272%27+stroke-linecap%3D%27round%27+stroke-miterlimit%3D%2710%27+d%3D%27M4+7h22M4+15h22M4+23h22%27%2F%3E%3C%2Fsvg%3E");
$enable-shadows: true !default;

14
src/styles/_mixins.scss
View File

@@ -1,3 +1,15 @@
@import '../../node_modules/bootstrap/scss/functions.scss';
@import '../../node_modules/bootstrap/scss/mixins.scss';
@import '../../node_modules/bootstrap/scss/variables.scss';
@import '../../node_modules/bootstrap/scss/variables.scss';
@mixin word-wrap() {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}