From a5ec87f54a656a317777ff2d69a87bf287d0df7f Mon Sep 17 00:00:00 2001
From: ecmadao <wlec@outlook.com>
Date: Sun, 14 Oct 2018 19:31:26 +0800
Subject: [PATCH] WHAT: a little ui change

WHY:

* XXXXX

HOW:

* NOTHING TO SAY
---
 .../Components/ResumeSection/CustomModule/Section.jsx  |  2 ++
 .../Components/ResumeSection/Educations/Education.jsx  |  5 ++++-
 .../routes/Resume/Components/ResumeSection/Info.jsx    | 10 +++++++++-
 .../routes/Resume/Components/ResumeSection/Others.jsx  |  3 +++
 .../Components/ResumeSection/PersonalProjects.jsx      |  3 +++
 .../ResumeSection/WorkExperiences/WorkExperience.jsx   |  6 ++++--
 .../ResumeSection/WorkExperiences/WorkProject.jsx      |  3 ++-
 .../pages/dashboard/routes/Resume/styles/resume.css    |  7 +++++++
 package.json                                           |  2 +-
 9 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx
index edb194ea..e1bdef76 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/CustomModule/Section.jsx
@@ -64,6 +64,7 @@ class Section extends React.Component {
               left: '0',
               transform: 'translateX(0)'
             }}
+            inputClassName={styles.resumeFormItem}
             wrapperClassName={cx(styles.input_group, styles.single_input)}
             onChange={handleChange('title')}
           >
@@ -90,6 +91,7 @@ class Section extends React.Component {
                 margin: 0
               }}
               theme="underline"
+              className={styles.resumeFormItem}
             />
           </InputGroup>
         </div>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx
index e16ab6b5..47cbc6b5 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Educations/Education.jsx
@@ -1,5 +1,6 @@
 
 import React from 'react';
+import cx from 'classnames';
 import { Input, IconButton, SelectorV2 } from 'light-ui';
 import WritableList from 'COMPONENTS/WritableList';
 import DateSlider from 'COMPONENTS/DateSlider'
@@ -85,8 +86,8 @@ class Education extends React.Component {
             value={school}
             disabled={disabled}
             placeholder={resumeTexts.school}
-            className={styles.single_input}
             onChange={handleChange('school')}
+            className={cx(styles.single_input, styles.resumeFormItem)}
           />
         </div>
         <div className={styles.resume_wrapper}>
@@ -96,6 +97,7 @@ class Education extends React.Component {
             disabled={disabled}
             placeholder={resumeTexts.major}
             onChange={handleChange('major')}
+            className={styles.resumeFormItem}
           />
           <SelectorV2
             theme="flat"
@@ -103,6 +105,7 @@ class Education extends React.Component {
             disabled={disabled}
             options={EDUCATIONS}
             onChange={handleChange('education')}
+            className={styles.resumeFormItem}
           />
         </div>
         <div className={styles.resume_wrapper}>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx
index 5c07e422..db516491 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Info.jsx
@@ -61,6 +61,7 @@ class Info extends React.Component {
               value={name}
               disabled={disabled}
               placeholder={resumeTexts.name}
+              className={styles.resumeFormItem}
               onChange={this.handleInfoChange('name')}
             />
             <SelectorV2
@@ -68,12 +69,14 @@ class Info extends React.Component {
               value={gender}
               options={GENDERS}
               disabled={disabled}
+              className={styles.resumeFormItem}
               onChange={this.handleInfoChange('gender')}
             />
           </div>
           <div className={styles.resume_wrapper}>
             <InputGroupV2
-              style={{ width: '275px' }}
+              style={{ width: '273px' }}
+              className={styles.resumeFormItem}
               sections={[
                 {
                   value: prefix || '',
@@ -104,6 +107,7 @@ class Info extends React.Component {
               theme="flat"
               value={phone}
               disabled={disabled}
+              className={styles.resumeFormItem}
               placeholder={resumeTexts.phone}
               onChange={this.handleInfoChange('phone')}
             />
@@ -113,6 +117,7 @@ class Info extends React.Component {
               theme="flat"
               value={intention}
               disabled={disabled}
+              className={styles.resumeFormItem}
               placeholder={resumeTexts.job}
               onChange={this.handleInfoChange('intention')}
             />
@@ -120,6 +125,7 @@ class Info extends React.Component {
               theme="flat"
               value={location}
               disabled={disabled}
+              className={styles.resumeFormItem}
               placeholder={resumeTexts.position}
               onChange={this.handleInfoChange('location')}
             />
@@ -132,6 +138,7 @@ class Info extends React.Component {
                 version="v2"
                 disabled={disabled}
                 checked={freshGraduate}
+                className={styles.resumeFormItem}
                 onChange={this.handleResumeTypeChange}
               />
             </div>
@@ -143,6 +150,7 @@ class Info extends React.Component {
                 version="v2"
                 disabled={disabled}
                 checked={hireAvailable}
+                className={styles.resumeFormItem}
                 onChange={this.handleAvailableChange}
               />
             </div>
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx
index 891ac962..bb018799 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/Others.jsx
@@ -96,6 +96,7 @@ class Others extends React.Component {
               type="number"
               disabled={disabled}
               value={expectSalary}
+              className={styles.resumeFormItem}
               placeholder={resumeTexts.expectSalary}
               onChange={this.handleOthersChange('expectSalary')}
             />
@@ -103,6 +104,7 @@ class Others extends React.Component {
               theme="flat"
               disabled={disabled}
               value={expectLocation}
+              className={styles.resumeFormItem}
               placeholder={resumeTexts.expectCity}
               onChange={this.handleOthersChange('expectLocation')}
             />
@@ -112,6 +114,7 @@ class Others extends React.Component {
               theme="flat"
               value={dream}
               disabled={disabled}
+              className={styles.resumeFormItem}
               placeholder={resumeTexts.yourDream}
               onChange={this.handleOthersChange('dream')}
             />
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx
index 299b0fb6..1951e1be 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/PersonalProjects.jsx
@@ -48,6 +48,7 @@ class PersonalProjects extends React.Component {
                 left: '0',
                 transform: 'translateX(0)'
               }}
+              inputClassName={styles.resumeFormItem}
               wrapperClassName={cx(styles.input_group, styles.single_input)}
               onChange={this.handleProjectChange(index)('title')}
             >
@@ -74,6 +75,7 @@ class PersonalProjects extends React.Component {
                   margin: 0
                 }}
                 theme="underline"
+                className={styles.resumeFormItem}
               />
             </InputGroup>
           </div>
@@ -84,6 +86,7 @@ class PersonalProjects extends React.Component {
               type="textarea"
               disabled={disabled}
               placeholder={resumeTexts.projectDesc}
+              className={styles.resumeFormItemImportant}
               wordCountTemplate={resumeTexts.textareaWordCount}
               onChange={this.handleProjectChange(index)('desc')}
             />
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx
index e8d5e19b..a277544d 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkExperience.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import cx from 'classnames';
 import { IconButton, InputGroup, InputGroupV2, Input } from 'light-ui';
 import DateSlider from 'COMPONENTS/DateSlider';
 import WorkProject from './WorkProject';
@@ -74,7 +75,7 @@ class WorkExperience extends React.Component {
             theme="flat"
             value={company}
             disabled={disabled}
-            inputClassName={styles.inputGroup}
+            inputClassName={cx(styles.inputGroup, styles.resumeFormItem)}
             wrapperClassName={styles.inputTipsoWrapper}
             placeholder={resumeTexts.companyName}
             onChange={handleExperienceChange('company')}
@@ -101,6 +102,7 @@ class WorkExperience extends React.Component {
                 margin: 0
               }}
               theme="underline"
+              className={styles.resumeFormItem}
             />
           </InputGroup>
           <Input
@@ -108,7 +110,7 @@ class WorkExperience extends React.Component {
             value={position}
             disabled={disabled}
             placeholder={resumeTexts.position}
-            className={styles.last_input}
+            className={cx(styles.last_input, styles.resumeFormItem)}
             onChange={handleExperienceChange('position')}
           />
           <IconButton
diff --git a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkProject.jsx b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkProject.jsx
index 1d582eeb..0a47dfe5 100644
--- a/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkProject.jsx
+++ b/frontend/pages/dashboard/routes/Resume/Components/ResumeSection/WorkExperiences/WorkProject.jsx
@@ -56,6 +56,7 @@ class WorkProject extends React.Component {
             value={project.name}
             disabled={disabled}
             className={styles.last_input}
+            inputClassName={styles.resumeFormItem}
             placeholder={resumeTexts.projectName}
             onChange={this.handleProjectChange('name')}
             tipsoStyle={{
@@ -86,6 +87,7 @@ class WorkProject extends React.Component {
                 margin: 0
               }}
               theme="underline"
+              className={styles.resumeFormItem}
             />
           </InputGroup>
           <IconButton
@@ -94,7 +96,6 @@ class WorkProject extends React.Component {
             className={styles.resume_delete}
             onClick={onDelete}
           />
-          
         </div>
         <WritableList
           placeholder={resumeTexts.addProjectDesc}
diff --git a/frontend/pages/dashboard/routes/Resume/styles/resume.css b/frontend/pages/dashboard/routes/Resume/styles/resume.css
index 25605f85..4037a11b 100644
--- a/frontend/pages/dashboard/routes/Resume/styles/resume.css
+++ b/frontend/pages/dashboard/routes/Resume/styles/resume.css
@@ -563,3 +563,10 @@
   }
 }
 
+.resumeFormItem {
+  border-color: var(--oc-gray-4);
+}
+
+.resumeFormItemImportant {
+  border-color: var(--oc-gray-4) !important;
+}
diff --git a/package.json b/package.json
index cfa38215..2173cdd3 100644
--- a/package.json
+++ b/package.json
@@ -165,7 +165,7 @@
     "koa-static": "^4.0.2",
     "koa-useragent": "^1.0.0",
     "koa-views": "^6.1.3",
-    "light-ui": "^1.4.6",
+    "light-ui": "^1.4.7",
     "log4js": "^1.1.1",
     "moment": "^2.17.0",
     "nunjucks": "^3.0.1",