This is an automated email from the ASF dual-hosted git repository.
sardell pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/metron.git
The following commit(s) were added to refs/heads/master by this push:
new b516a75 METRON-2161 [UI] CSS positioning bugs in Alerts and MGMT UI
(sardell) closes apache/metron#1446
b516a75 is described below
commit b516a75417a01b080462acdcf61b7101f8e67d0d
Author: sardell <[email protected]>
AuthorDate: Tue Jul 16 14:31:17 2019 +0200
METRON-2161 [UI] CSS positioning bugs in Alerts and MGMT UI (sardell)
closes apache/metron#1446
---
.../metron-alerts/src/app/shared/time-range/time-range.component.scss | 4 ++--
metron-interface/metron-alerts/src/slider.scss | 3 ++-
metron-interface/metron-config/src/app/shared/metron-alerts.ts | 2 +-
3 files changed, 5 insertions(+), 4 deletions(-)
diff --git
a/metron-interface/metron-alerts/src/app/shared/time-range/time-range.component.scss
b/metron-interface/metron-alerts/src/app/shared/time-range/time-range.component.scss
index 8f0fe8f..455347a 100644
---
a/metron-interface/metron-alerts/src/app/shared/time-range/time-range.component.scss
+++
b/metron-interface/metron-alerts/src/app/shared/time-range/time-range.component.scss
@@ -28,7 +28,7 @@
color: $silver;
cursor: pointer;
line-height: 1;
- padding: 2px 20px;
+ padding: 2px 30px 2px 20px;
border-radius: 0px;
font-family: Roboto;
background: $mine-shaft-11;
@@ -44,7 +44,7 @@
padding-left: 5px;
color: $dusty-grey;
position: absolute;
- top: 13px;
+ top: 12px;
right: 10px;
}
}
diff --git a/metron-interface/metron-alerts/src/slider.scss
b/metron-interface/metron-alerts/src/slider.scss
index 9df9a0e..9388586 100644
--- a/metron-interface/metron-alerts/src/slider.scss
+++ b/metron-interface/metron-alerts/src/slider.scss
@@ -128,5 +128,6 @@ $dialog-4x-width: 1340px;
@include keyframes("keyframe-dialog-ltr", "-320px", "0px")
.load-left-to-right {
- @include animation("keyframe-dialog-ltr", "0.5s", "linear")
+ @include animation("keyframe-dialog-ltr", "0.5s", "linear");
+ left: 0;
}
diff --git a/metron-interface/metron-config/src/app/shared/metron-alerts.ts
b/metron-interface/metron-config/src/app/shared/metron-alerts.ts
index 5b307e4..114f65b 100644
--- a/metron-interface/metron-config/src/app/shared/metron-alerts.ts
+++ b/metron-interface/metron-config/src/app/shared/metron-alerts.ts
@@ -30,7 +30,7 @@ export class MetronAlerts {
element.style.top = '5px';
element.style.right = '35px';
- element.innerHTML = '<div id="alertdiv" class="alert ' + type + '"><a
class="close" data-dismiss="alert">×</a><span>' +
+ element.innerHTML = '<div id="alertdiv" class="alert ' + type + ' mx-3"><a
class="close px-3 pb-3" data-dismiss="alert">×</a><span>' +
message + '</span></div>';
document.body.appendChild(element);
