[Improvement] Chenge font-weight: 100 to font-weight:400

2018-02-07 19:41:14 +07:00
parent 83ceef1230
commit c0de49f7e4
17 changed files with 31 additions and 26 deletions
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 </p>
 <!-- Name -->
 <h1 align="center">
-  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 100;"> Version NEXT! </span>:rocket:
+  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 400;"> Version NEXT! </span>:rocket:
 </h1>

 [![Gitter](https://badges.gitter.im/react-social-network/Lobby.svg)](https://gitter.im/react-social-network/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
--- a/docs/README.md
+++ b/docs/README.md
@@ -6,7 +6,7 @@
 </p>
 <!-- Name -->
 <h1 align="center">
-  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 100;"> Version NEXT! </span>:rocket:
+  <a href="https://github.com/Qolzam/react-social-network">React Social Network </a>:rocket:<span style="font-variant-caps: petite-caps;font-size: 30px;font-weight: 400;"> Version NEXT! </span>:rocket:
 </h1>

 [![Gitter](https://badges.gitter.im/react-social-network/Lobby.svg)](https://gitter.im/react-social-network/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
--- a/public/index.html
+++ b/public/index.html
@@ -98,7 +98,7 @@
            -moz-background-clip: text;
            background-clip: text;
            color: transparent;
-            font-weight: 100;
+            font-weight: 400;
        }
        
        .load-progress {
--- a/src/components/comment/CommentComponent.tsx
+++ b/src/components/comment/CommentComponent.tsx
@@ -43,7 +43,7 @@ import { ICommentComponentState } from './ICommentComponentState'

 const styles = (theme: any) => ({
  textField: {
-    fontWeight: 100,
+    fontWeight: 400,
    fontSize: '14px'
  },
  header: {
@@ -66,7 +66,7 @@ const styles = (theme: any) => ({
  },
  commentBody: {
    color: 'black',
-    fontWeight: 100,
+    fontWeight: 400,
    fontSize: '12px',
    height: '100%',
    border: 'none',
@@ -126,7 +126,7 @@ export class CommentComponent extends Component<ICommentComponentProps, IComment

    },
    textarea: {
-      fontWeight: 100,
+      fontWeight: 400,
      fontSize: '14px',
      border: 'none',
      width: '100%',
@@ -334,7 +334,7 @@ export class CommentComponent extends Component<ICommentComponentProps, IComment
    const Author = () => (
      <div>
        <NavLink to={`/${userId}`}> <span style={this.styles.author as any}>{comment.userDisplayName}</span></NavLink><span style={{
-          fontWeight: 100,
+          fontWeight: 400,
          fontSize: '8px'
        }}>{moment.unix(comment.creationDate!).fromNow()}</span>
      </div>
--- a/src/components/commentGroup/CommentGroupComponent.tsx
+++ b/src/components/commentGroup/CommentGroupComponent.tsx
@@ -38,7 +38,7 @@ import { ServerRequestStatusType } from 'actions/serverRequestStatusType'

 const styles = (theme: any) => ({
  textField: {
-    fontWeight: 100,
+    fontWeight: 400,
    fontSize: '14px'
  },
  header: {
@@ -46,7 +46,7 @@ const styles = (theme: any) => ({
  },
  commentBody: {
    color: 'black',
-    fontWeight: 100,
+    fontWeight: 400,
    fontSize: '12px',
    height: '100%',
    border: 'none',
@@ -116,7 +116,7 @@ export class CommentGroupComponent extends Component<ICommentGroupComponentProps
    },
    writeCommentTextField: {
      width: '100%',
-      fontWeight: 100,
+      fontWeight: 400,
      fontSize: '14px'
    },
    progressbar: {
@@ -245,7 +245,7 @@ export class CommentGroupComponent extends Component<ICommentGroupComponentProps
        const Author = () => (
          <div>
            <NavLink to={`/${comment.userId!}`}> <span className={classes.author}>{comment.userDisplayName}</span></NavLink><span style={{
-              fontWeight: 100,
+              fontWeight: 400,
              fontSize: '8px'
            }}>{moment.unix(comment.creationDate!).fromNow()}</span>
          </div>
--- a/src/components/emailVerification/EmailVerificationComponent.tsx
+++ b/src/components/emailVerification/EmailVerificationComponent.tsx
@@ -26,7 +26,7 @@ export class EmailVerificationComponent extends Component<IEmailVerificationComp

  styles = {
    message: {
-      fontWeight: 100
+      fontWeight: 400
    },
    buttons: {
      marginTop: 60
--- a/src/components/imageGallery/ImageGalleryComponent.tsx
+++ b/src/components/imageGallery/ImageGalleryComponent.tsx
@@ -52,7 +52,7 @@ export class ImageGalleryComponent extends Component<IImageGalleryComponentProps
    },
    uploadButton: {
      verticalAlign: 'middle',
-      fontWeight: 100
+      fontWeight: 400
    },
    uploadInput: {
      cursor: 'pointer',
--- a/src/components/img/ImgComponent.tsx
+++ b/src/components/img/ImgComponent.tsx
@@ -38,7 +38,7 @@ export class ImgComponent extends Component<IImgComponentProps,IImgComponentStat
      height: '100px',
      position: 'relative',
      color: '#cacecd',
-      fontWeight: 100
+      fontWeight: 400
    },
    loadingContent: {
      display: 'flex',
--- a/src/components/imgCover/ImgCoverComponent.tsx
+++ b/src/components/imgCover/ImgCoverComponent.tsx
@@ -62,7 +62,7 @@ export class ImgCoverComponent extends Component<IImgCoverComponentProps,IImgCov
      height: '100px',
      position: 'relative',
      color: '#cacecd',
-      fontWeight: 100
+      fontWeight: 400
    },
    loadingContent: {
      display: 'flex',
--- a/src/components/login/LoginComponent.tsx
+++ b/src/components/login/LoginComponent.tsx
@@ -43,7 +43,7 @@ export class LoginComponent extends Component<ILoginComponentProps,ILoginCompone
    },
    restPassword: {
      lineHeight: 6,
-      fontWeight: 100,
+      fontWeight: 400,
      fontSize: 'small'
    },
    restPasswordLink: {
--- a/src/components/post/PostComponent.tsx
+++ b/src/components/post/PostComponent.tsx
@@ -64,13 +64,13 @@ const styles = (theme: any) => ({
  voteCounter: {
    color: 'rgb(134, 129, 129)',
    fontSize: 10,
-    fontWeight: 100,
+    fontWeight: 400,
    padding: 2
  },
  commentCounter: {
    color: 'rgb(134, 129, 129)',
    fontSize: 10,
-    fontWeight: 100,
+    fontWeight: 400,
    padding: 4
  },
  popperOpen: {
@@ -90,7 +90,7 @@ const styles = (theme: any) => ({
    textAlign: 'center',
    marginTop: '10px',
    color: '#1e882d',
-    fontWeight: 100
+    fontWeight: 400
  },
  postBody: {
    wordWrap: 'break-word',
--- a/src/components/postWrite/PostWriteComponent.tsx
+++ b/src/components/postWrite/PostWriteComponent.tsx
@@ -412,7 +412,7 @@ export class PostWriteComponent extends Component<IPostWriteComponentProps, IPos
          overflow: 'hidden',
          lineHeight: '25px'
        }}>{this.props.ownerDisplayName}</span><span style={{
-          fontWeight: 100,
+          fontWeight: 400,
          fontSize: '10px'
        }}> | {translate!('post.public')}</span>
      </div>
@@ -488,7 +488,7 @@ export class PostWriteComponent extends Component<IPostWriteComponentProps, IPos
                      multiline
                      rows={2}
                      rowsMax={4}
-                      style={{ fontWeight: 200, fontSize: '14px', margin: '0 16px', flexShrink: 0, width: 'initial', flexGrow: 1 }}
+                      style={{ fontWeight: 400, fontSize: '14px', margin: '0 16px', flexShrink: 0, width: 'initial', flexGrow: 1 }}

                    />

--- a/src/components/profileHeader/ProfileHeaderComponent.tsx
+++ b/src/components/profileHeader/ProfileHeaderComponent.tsx
@@ -2,6 +2,9 @@
 import React, { Component } from 'react'
 import { connect } from 'react-redux'
 import PropTypes from 'prop-types'
+import config from 'src/config'
+
+// - Material UI
 import { grey } from 'material-ui/colors'
 import IconButton from 'material-ui/IconButton'
 import MoreVertIcon from 'material-ui-icons/MoreVert'
@@ -172,7 +175,7 @@ export class ProfileHeaderComponent extends Component<IProfileHeaderComponentPro
                <Parallax strength={500} className='profile__parallax' bgStyle={{ position: 'relative' }}>
                    <Background>
                        <ImgCover width='100%' height='510px' borderRadius='2px'
-                        fileName={this.props.banner || 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57'} />
+                        fileName={this.props.banner || config.settings.defaultProfileCover} />
                    </Background>

                </Parallax>
--- a/src/config/environment.dev.ts
+++ b/src/config/environment.dev.ts
@@ -11,6 +11,7 @@ export const environment = {
  },
  settings: {
    appName: 'Green',
+    defaultProfileCover: 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57',
    defaultLanguage: LanguageType.English
  },
  theme: {
--- a/src/config/environment.prod.ts
+++ b/src/config/environment.prod.ts
@@ -11,6 +11,7 @@ export const environment = {
  },
  settings: {
    appName: 'Green',
+    defaultProfileCover: 'https://firebasestorage.googleapis.com/v0/b/open-social-33d92.appspot.com/o/images%2F751145a1-9488-46fd-a97e-04018665a6d3.JPG?alt=media&token=1a1d5e21-5101-450e-9054-ea4a20e06c57',
    defaultLanguage: LanguageType.English
  },
  theme: {
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -719,7 +719,7 @@ g__input-underline::after {
  .homeHeader__notify div.title {
    color: white;
    font-size: 10px;
-    font-weight: 100;
+    font-weight: 400;
    white-space: nowrap;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
@@ -787,7 +787,7 @@ g__input-underline::after {
          .homeHeader__notify-menu div.container div.content div.item div.info div.description {
            color: rgba(0, 0, 0, 0.54);
            font-size: 14px;
-            font-weight: 200;
+            font-weight: 400;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
--- a/src/styles/components/_homeHeader.scss
+++ b/src/styles/components/_homeHeader.scss
@@ -47,7 +47,7 @@
  div.title {
    color: white;
    font-size: 10px;
-    font-weight: 100;
+    font-weight: 400;
    white-space: nowrap;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
@@ -120,7 +120,7 @@
          div.description {
            color: rgba(0, 0, 0, 0.54);
            font-size: 14px;
-            font-weight: 200;
+            font-weight: 400;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;