fix(reporter): minor UI fixes and improvements (#8153)

cypress-io · Aug 3, 2020 · 19393e0 · 19393e0 · cypress-bot · Aug 3, 2020
1 parent 008f07a
commit 19393e0
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/packages/reporter/src/agents/agents.tsx b/packages/reporter/src/agents/agents.tsx
@@ -45,7 +45,7 @@ const Agents = observer(({ model }: AgentsProps) => (
         <li className='hook-item'>
           <Collapsible
             header={`Spies / Stubs (${model.agents.length})`}
-            headerClass='hook-name'
+            headerClass='hook-header'
             contentClass='instrument-content'
           >
             <table>

diff --git a/packages/reporter/src/commands/commands.scss b/packages/reporter/src/commands/commands.scss
@@ -40,7 +40,7 @@
         padding: 4px 0;
 
         &:focus {
-          outline: 1px dotted #6c6c6c;
+          outline: none;
         }
 
         > .collapsible-header-inner:focus {

diff --git a/packages/reporter/src/routes/routes.tsx b/packages/reporter/src/routes/routes.tsx
@@ -55,7 +55,7 @@ const Routes = observer(({ model }: RoutesProps) => (
         <li className='hook-item'>
           <Collapsible
             header={`Routes (${model.routes.length})`}
-            headerClass='hook-name'
+            headerClass='hook-header'
             contentClass='instrument-content'
           >
             <table>

diff --git a/packages/reporter/src/runnables/runnables.scss b/packages/reporter/src/runnables/runnables.scss
@@ -111,6 +111,7 @@
     &.runnable-pending > div > .runnable-wrapper,
     &.runnable-pending > div > .runnable-instruments {
       border-left: 5px solid lighten($pending, 25%);
+      padding-bottom: 0;
     }
 
     &.runnable-passed > div > .runnable-wrapper,