CJPM-17497: Style changes per UX team.

joshhidley · joshhidley · commit d52ad48dbc05 · 2021-03-30T15:41:17.000-07:00
diff --git a/packages/visual-stack/src/components/Table/DataTable/DataTable.css b/packages/visual-stack/src/components/Table/DataTable/DataTable.css
@@ -28,6 +28,8 @@
   min-height: 32px;
   padding: 4px 8px;
   vertical-align: bottom;
+  border-bottom: 2px solid #D8DCDF;
+  color: #757575;
 }
 
 .vs-data-table-container .vs-tbody .vs-cell {
diff --git a/packages/visual-stack/src/components/Table/DataTable/index.js b/packages/visual-stack/src/components/Table/DataTable/index.js
@@ -1,5 +1,4 @@
 import React from 'react';
-import './DataTable.css';
 import {
   TableContainer,
   TableTitle,
diff --git a/packages/visual-stack/src/components/TopNav/TopNav.css b/packages/visual-stack/src/components/TopNav/TopNav.css
@@ -46,18 +46,17 @@
   z-index: 10;
 }
 
-.vs-topnav-content p {
+.vs-topnav-content {
   max-width: 580px;
+  padding: 24px;
 }
 
 .vs-topnav-content-normal {
   max-width: 800px;
-  padding: 112px 24px 24px;
 }
 
 .vs-topnav-content-wide {
   max-width: 100%;
-  padding: 112px 48px 48px;
 }
 
 .vs-topnav-button-bar .vs-text-btn {
diff --git a/packages/visual-stack/src/components/TopNav/TopNav.js b/packages/visual-stack/src/components/TopNav/TopNav.js
@@ -25,7 +25,7 @@ export const TopNav = ({
           {actionChildren}
         </div>
       </div>
-      <div className={cn('vs-topnav-content', `vs-topnav-content-${contentSize ? contentSize : ''}`)}>
+      <div className={cn('vs-topnav-content', `vs-topnav-content-${contentSize ? contentSize : 'normal'}`)}>
         {children}
       </div>
     </div>

Original file line number	Diff line number	Diff line change
`@@ -28,6 +28,8 @@`
`28`	`28`	`min-height: 32px;`
`29`	`29`	`padding: 4px 8px;`
`30`	`30`	`vertical-align: bottom;`
	`31`	`+ border-bottom: 2px solid #D8DCDF;`
	`32`	`+ color: #757575;`
`31`	`33`	`}`
`32`	`34`
`33`	`35`	`.vs-data-table-container .vs-tbody .vs-cell {`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import React from 'react';`
`2`		`-import './DataTable.css';`
`3`	`2`	`import {`
`4`	`3`	`TableContainer,`
`5`	`4`	`TableTitle,`
Original file line number	Diff line number	Diff line change
`@@ -46,18 +46,17 @@`
`46`	`46`	`z-index: 10;`
`47`	`47`	`}`
`48`	`48`
`49`		`-.vs-topnav-content p {`
	`49`	`+.vs-topnav-content {`
`50`	`50`	`max-width: 580px;`
	`51`	`+ padding: 24px;`
`51`	`52`	`}`
`52`	`53`
`53`	`54`	`.vs-topnav-content-normal {`
`54`	`55`	`max-width: 800px;`
`55`		`- padding: 112px 24px 24px;`
`56`	`56`	`}`
`57`	`57`
`58`	`58`	`.vs-topnav-content-wide {`
`59`	`59`	`max-width: 100%;`
`60`		`- padding: 112px 48px 48px;`
`61`	`60`	`}`
`62`	`61`
`63`	`62`	`.vs-topnav-button-bar .vs-text-btn {`