fix ie arrows (fixes #498, via #512)

allure-framework · Jul 31, 2017 · e457aa7 · e457aa7
1 parent d76f2e4
commit e457aa7
Show file tree

Hide file tree

Showing 8 changed files with 15 additions and 20 deletions.
diff --git a/allure-generator/src/main/javascript/blocks/arrow/arrow.svg b/allure-generator/src/main/javascript/blocks/arrow/arrow.svg
diff --git a/allure-generator/src/main/javascript/blocks/arrow/styles.scss b/allure-generator/src/main/javascript/blocks/arrow/styles.scss
@@ -1,16 +1,16 @@
 .block__arrow {
-  top: 7px;
   position: absolute;
   visibility: visible;
   transition: transform 0.1s;
   font-weight: initial;
+  display: inline-block;
+  vertical-align: middle;
+  line-height: normal;
   &__expanded {
     transform: rotate(90deg);
   }
 }
 
-.arrow {
-  width: 14px;
-  height: 14px;
-  background: url(./arrow.svg) center no-repeat;
+.angle {
+  width: 18px;
 }
diff --git a/allure-generator/src/main/javascript/blocks/attachment-row/attachment-row.hbs b/allure-generator/src/main/javascript/blocks/attachment-row/attachment-row.hbs
@@ -1,6 +1,6 @@
 <div>
     <div class="attachment-row" data-uid="{{uid}}">
-        <span class="attachment-row__arrow block__arrow arrow"></span>
+        <span class="attachment-row__arrow block__arrow">{{angle}}</span>
         <div class="attachment-row__icon">
             <span class="{{fileicon type}}" data-tooltip="{{type}}"></span>
         </div>

diff --git a/allure-generator/src/main/javascript/blocks/attachment-row/styles.scss b/allure-generator/src/main/javascript/blocks/attachment-row/styles.scss
@@ -26,7 +26,6 @@
   &__arrow {
     left: 7px;
     position: absolute;
-    font-size: initial;
   }
   &__name {
     flex: 1;

diff --git a/allure-generator/src/main/javascript/components/testresult-execution/stages-block.hbs b/allure-generator/src/main/javascript/components/testresult-execution/stages-block.hbs
@@ -1,7 +1,7 @@
 {{#if stages}}
     <div class="{{b 'step' expanded=expanded}}">
         <div class="{{b 'step' 'title' hasContent=true stage=true}}">
-            <span class="step__arrow block__arrow arrow"></span>
+            <span class="step__arrow block__arrow">{{angle}}</span>
             {{name}}
         </div>
         <div class="{{b 'step' 'content'}}">

diff --git a/allure-generator/src/main/javascript/components/tree/tree-group.hbs b/allure-generator/src/main/javascript/components/tree/tree-group.hbs
@@ -1,7 +1,7 @@
 {{#if children}}
     <div class="node" data-uid="{{uid}}">
         <div class="node__title long-line" data-uid="{{uid}}">
-            <span class="node__arrow block__arrow arrow"></span>
+            <span class="node__arrow block__arrow">{{angle}}</span>
             {{#if name}}
                 <div class="node__name">
                     {{name}}

diff --git a/allure-generator/src/main/javascript/helpers/angle.js b/allure-generator/src/main/javascript/helpers/angle.js
@@ -0,0 +1,6 @@
+import {SafeString} from 'handlebars/runtime';
+
+
+export default function() {
+    return new SafeString('<span class="angle fa fa-angle-right fa-fw fa-lg"></span>');
+}
diff --git a/allure-generator/webpack.config.js b/allure-generator/webpack.config.js
@@ -71,6 +71,7 @@ module.exports = (env) => {
             new CaseSensitivePathsPlugin()
         ],
         devServer: {
+            disableHostCheck: true,
             contentBase: './build/demo-report/',
             stats: {colors: true},
             host: '0.0.0.0',