- fixed annoying flickering when running tests and the list of tests gets more...

- fixed annoying flickering when running tests and the list of tests gets more height and shows a jumping scrollbar

src/components/sites/doExerciseSite/customTestsPanel/customTestsPanelView.tsx

@@ -84,7 +84,8 @@ class TestsPanel extends React.Component<Props, any> {
             )
               .map((customTest, index) => {
                 return (
-                  <List.Item key={customTest.id}
+                  //style hidden is needed because the test running animation (.test-running) rotates and box heights gets bigger... after 45 deg
+                  <List.Item key={customTest.id} style={{overflow: 'hidden'}}
                              className={`test-line pad-left-right default-cursor fg-colored ` +
                              (this.props.selectedConsoleViewTest
                               && this.props.selectedConsoleViewTest.id === customTest.id

src/components/sites/doExerciseSite/testsPanel/styles.styl

@@ -80,7 +80,7 @@ $testNumberSize = 32px
   /*  display: inline-block;*/
   min-width $testNumberSize
   min-height $testNumberSize
-  padding 0.1em
+  padding 1px
   border-radius 50%
   border-top-color transparent
   border-bottom-color transparent
@@ -96,4 +96,4 @@ $testNumberSize = 32px
   to {
     transform rotate(360deg)
   }
-}
\ No newline at end of file
+}

src/components/sites/doExerciseSite/testsPanel/testNumber.tsx

@@ -76,4 +76,4 @@ class testNumber extends React.Component<Props, any> {
   }
 }
 
-export default connect(mapStateToProps, mapDispatchToProps)(testNumber)
\ No newline at end of file
+export default connect(mapStateToProps, mapDispatchToProps)(testNumber)

src/components/sites/doExerciseSite/testsPanel/testsPanelView.tsx

@@ -139,7 +139,8 @@ class TestsPanel extends React.Component<Props, any> {
               (test) => test.displayIndex)
               .map((test, index) => {
                 return (
-                  <List.Item key={test.id}
+                  //style hidden is needed because the test running animation (.test-running) rotates and box heights gets bigger... after 45 deg
+                  <List.Item key={test.id} style={{overflow: 'hidden'}}
                              className={`test-line pad-left-right default-cursor fg-colored indicator-parent ` +
                              (this.props.selectedConsoleViewTest
                                && this.props.selectedConsoleViewTest.id === test.id

src/constants.ts

@@ -13,7 +13,7 @@ import Logger from './helpers/logger'
  * y - breaking changes / new features
  * z - fixes, small changes
  */
-export const versionString = '2.5.12'
+export const versionString = '2.5.13'
 
 
 export const supportMail = 'yapex@informatik.uni-halle.de'