css

libs/remix-ui/solidity-unit-testing/src/lib/css/style.css

@@ -0,0 +1,45 @@
+
+  .infoBox  {
+    margin: 5%;
+  }
+  .testList {
+    line-height: 2em;
+    display: flex;
+    flex-direction: column;
+    margin: 5%;
+    max-height: 300px;
+    overflow-y: auto;
+
+  }
+  .container {
+    margin: 2%;
+    padding-bottom: 5%;
+    max-height: 300px;
+    overflow-y: auto;
+  }
+  .summaryTitle {
+    font-weight: bold;
+  }
+  .testPass {
+  }
+  .testLog {
+    margin-bottom: 1%;
+    border-radius: 4px;
+    padding: 1% 1% 1% 5%;
+  }
+  .title {
+    font-size: 1.1em;
+    font-weight: bold;
+    margin-bottom: 1em;
+  }
+  .label {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+  }
+  .labelOnBtn {
+    border: hidden;
+  }
+  .inputFolder {
+    width: 80%;
+  }

libs/remix-ui/solidity-unit-testing/src/lib/solidity-unit-testing.tsx

@@ -1,13 +1,15 @@
 import React, { useState } from 'react' // eslint-disable-line
 
+import './css/style.css'
+
 /* eslint-disable-next-line */
 export interface SolidityUnitTestingProps {}
 
 export const SolidityUnitTesting = (props: SolidityUnitTestingProps) => {
   console.log('props---->', props)
   return (
-    <div className="${css.testTabView} px-2" id="testView">
-        <div className="${css.infoBox}">
+    <div className="px-2" id="testView">
+        <div className="infoBox">
           <p className="text-lg"> Test your smart contract in Solidity.</p>
           <p> Select directory to load and generate test files.</p>
           <label>Test directory:</label>
@@ -19,7 +21,7 @@ export const SolidityUnitTesting = (props: SolidityUnitTestingProps) => {
             </div>
           </div> */}
         </div>
-        {/* <div className="${css.tests}">          
+        {/* <div>          
           <div className="d-flex p-2">
            ${this.updateGenerateFileAction()}
            ${this.infoButton()}