style changed

src/webparts/summaryWebPart/components/Structure/Structure.tsx

@@ -86,6 +86,7 @@ export default class TrafficLight extends React.Component<IComponentProps, IComp
     return (
       <div style={{display: 'flex', flexDirection: 'column',marginTop:'15px'}}>
         <h1 style={{textAlign: 'center',  fontSize: '13px', color: '#666',textTransform: 'uppercase'}}>Основные исполнители</h1>
+        <div style={{ background: 'rgb(243, 243, 243)', border: '1px solid #ccc', padding: '2px' }}>
           <DetailsList
             onRenderDetailsHeader={this.renderHeader}
             items={items}
@@ -110,6 +111,7 @@ export default class TrafficLight extends React.Component<IComponentProps, IComp
             selectionMode={SelectionMode.none}
             className={styles.listElement}
           />
+        </div>
         
       </div>
     );

src/webparts/summaryWebPart/components/SummaryGlobalComponent/SummaryGlobalComponent.module.scss

@@ -46,4 +46,5 @@
   max-width: 200px;
   font-size: 13px !important;
   overflow-x: hidden !important;
+  background: rgb(243,243,243);
 }

src/webparts/summaryWebPart/components/SummaryGlobalComponent/SummaryGlobalComponent.tsx

@@ -24,27 +24,33 @@ export default class SummaryGlobalComponent extends React.Component<IComponentPr
       <div className={styles.SummaryPageContainer}>
         <div  className={styles.SummaryPageColumnOne}>
           <h1 className={styles.Title} style={{ fontSize: '13px' }}>СОСТОЯНИЕ ПРОЕКТА</h1>
+          <div style={{ background: 'rgb(243, 243, 243)', border: '1px solid #ccc', padding: '2px'}}>
             <TrafficLight
               statuses={data.Status}
               taskStats={data.TaskStats}
               dateInfo={data.HighLvlPrjInfo}
             />
             <TaskStatusesChart taskStats={data.TaskStats} />
+          </div>
           <Structure structureData={data.MainExec} />
 
         </div>
         <div className={styles.SummaryPageColumnTwo}>
           <h1 className={styles.Title} style={{ fontSize: '13px' }}>ЗАДАЧИ С ОТКЛОНЕНИЕМ</h1>
+          <div style={{ background: 'rgb(243, 243, 243)', border: '1px solid #ccc', padding: '2px', width: '103%' }}>
             <RejectTasks structureData={data.DeviationTasks} />
           </div>
+        </div>
 
         <div className={styles.SummaryPageColumnThree}>
           <h1 className={styles.Title} style={{fontSize: '13px'}}>ОБЩИЕ СВЕДЕНИЯ</h1>
+          <div style={{ background: 'rgb(243, 243, 243)', border: '1px solid #ccc', padding: '2px' }}>
             <SummaryContainer
               order={rowsOrder}
               context={context}
             />
           </div>
+        </div>
         
         
       </div>

src/webparts/summaryWebPart/components/SummaryWebPart.module.scss

@@ -1,6 +1,8 @@
 .listElement{
   font-size: 13px !important;
-  .ms-DetailsHeader-cellName{
+  background: rgb(243,243,243) !important;
+  .ms-DetailsHeader-cell{
     font-size: 13px !important;
+    background: rgb(243,243,243) !important;
   }
 }

src/webparts/summaryWebPart/components/SummaryWebPart.tsx

@@ -51,7 +51,7 @@ export default class SummaryWebPart extends React.Component<ISummaryWebPartProps
     document.body.appendChild(scripts);
 
     let relUrl = context.pageContext.web.serverRelativeUrl;
-    let projectCode = relUrl ? relUrl.split('/')[relUrl.split('/').length - 1] : ''; /* 'NEW_UNI_002' */
+    let projectCode = relUrl ? relUrl.split('/')[relUrl.split('/').length - 1] : ''; /* 'UNI_UNI_002' */
 
     let web = new Web('http://portal.vertex.spb.ru/PMIS');
     let thisWeb = new Web('http://portal.vertex.spb.ru/PMIS/' + projectCode);
@@ -109,7 +109,7 @@ export default class SummaryWebPart extends React.Component<ISummaryWebPartProps
               style={{ fontSize: '13px', marginRight: '10px', marginLeft: '10px'}}
             />}
             <PrimaryButton
-              text="Просмотреть все свойства"
+              text="Просмотр карточки проекта"
               onClick={() => this.relocate('DispForm')}
               style={{ fontSize: '13px' }}
             />

src/webparts/summaryWebPart/components/TrafficLight/TrafficLight.tsx

@@ -53,7 +53,7 @@ export default class TrafficLight extends React.Component<IComponentProps, {}> {
       result.push(
         {
           key: index,
-          fieldName: "Статус по сроку",
+          fieldName: "% выполнения",
           status: statuses.percCompl
         });
     }
@@ -65,6 +65,7 @@ export default class TrafficLight extends React.Component<IComponentProps, {}> {
       <DetailsHeader
         {...detailsHeaderProps}
         onRenderColumnHeaderTooltip={this.renderCustomHeaderTooltip}
+        style={{background: 'rgb(243,243,243)'}}
       />
     );
   }