fix: ∆

Pearson-Higher-Ed · Jan 9, 2017 · 4178a90 · 4178a90
1 parent a82ec47
commit 4178a90
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -56,6 +56,9 @@ <h3>Alerts Event API</h3>
       <button class="target pe-btn_cta--btn_xlarge" onclick="buttonHandler('clear')">Clear Alert</button>
     </div>
 
+
+
+
     <script>
       function buttonHandler(type) {
 // ========EVENT API FOR INTERACTING WITH THE COMPONENT=========================
@@ -91,6 +94,10 @@ <h3>Alerts Event API</h3>
       }
     </script>
 
+
+
+
+
     <script>
       if (document.body.children[0].nodeName !== 'svg') {
         var pe_ajax = new XMLHttpRequest();

diff --git a/src/js/AlertList.js b/src/js/AlertList.js
@@ -50,12 +50,13 @@ export default AlertList;
 
 
 function _renderAlert (alertList) {
+
   const alertsToRender = [];
 
   alertList.forEach((alert, index) => {
     alertsToRender.push(
         <Alert
-          key            = {`pe-alert-${alert.alertType}-${index}`}
+          key            = {index}
           index          = {index}
           opacity        = {this.state.opacity}
           closeTitleProp = {this.state.closeProp}

diff --git a/src/scss/component-specific.scss b/src/scss/component-specific.scss
@@ -4,14 +4,15 @@
   margin-top: 30px;
   list-style:none;
   animation-name: openAlert;
-  animation-duration: .3s;
+  animation-duration: 0.3s;
   background-color: #ffffff;
   padding: $alert-padding;
 }
 
 .alertList {
+  position:fixed;
   width:35%;
-  float:right;
+  right:0;
   margin-right:2%;
 }