Adding bolding, adding translations to settings page.

2026-07-28 11:27:05 +08:00 · 2017-02-23 16:07:41 -05:00
parent 471607403c
commit 4cc3426af4
7 changed files with 20 additions and 23 deletions
@@ -66,10 +66,9 @@ hr {
  background: rgb(35,118,216);
  color: white;
  width: 100%;
-  text-align: center;
+  text-align: left;
  padding: 10px;
  margin-bottom: 10px;
-  font-weight: bold;
  display: block;
 }

@@ -163,8 +162,8 @@ hr {

 .coral-plugin-author-name-text {
  display: inline-block;
-  margin-right: 10px;
-  font-weight: bolder;
+  margin: 10px 8px 10px 0;
+  font-weight: bold;
 }

 .coral-plugin-author-name-bio-flag {
@@ -219,7 +218,7 @@ hr {
 }

 .coral-plugin-pubdate-text {
-  color: #CCC;
+  color: #696969;
  display: inline-block;
  font-size: .75rem;
 }
@@ -1,6 +1,5 @@
 import React, {Component} from 'react';
 const packagename = 'coral-plugin-author-name';
-import styles from './styles.css';

 export default class AuthorName extends Component {

@@ -24,8 +23,7 @@ export default class AuthorName extends Component {
    const {author} = this.props;
    return (
      <div
-        className={`${packagename}-text`}
-        className={`${styles.authorName}`}>
+        className={`${packagename}-text`}>
        {author && author.name}
      </div>
    );
@@ -1,7 +0,0 @@
-.staff {
-  background-color: #4C1066;
-  color: white;
-  display: inline-block;
-  margin: 10px 10px;
-  padding: 5px 5px;
-}
@@ -1,6 +1,9 @@
 import React from 'react';
 import styles from './NotLoggedIn.css';
 import SignInContainer from '../../coral-sign-in/containers/SignInContainer';
+import translations from '../translations';
+import I18n from 'coral-framework/modules/i18n/i18n';
+const lang = new I18n(translations);

 export default ({showSignInDialog}) => (
  <div className={styles.message}>
@@ -9,13 +12,10 @@ export default ({showSignInDialog}) => (
      <a onClick={() => {
        console.log('Signin click');
        showSignInDialog();
-      }}>Sign In</a> to access Settings
+      }}>{lang.t('signIn')}</a> {lang.t('toAccess')}
    </div>
    <div>
-      From the Settings Page you can
-      <ul>
-        <li>See your comment history</li>
-      </ul>
+      {lang.t('fromSettingsPage')}
    </div>
  </div>
 );
@@ -3,12 +3,18 @@
    "userNoComment": "This user has not yet left a comment.",
    "allComments": "All Comments",
    "profileSettings": "Profile Settings",
-    "myCommentHistory": "My comment History"
+    "myCommentHistory": "My comment History",
+    "signIn": "Sign in",
+    "toAccess": " to access Settings",
+    "fromSettingsPage": "From the Settings Page you can see your comment history."
  },
  "es":{
    "userNoComment": "Aún no ha escrito ningún comentario.",
    "allComments": "Todos los comentarios",
    "profileSettings": "Configuración del perfil",
-    "myCommentHistory": "Mi historial de comentarios"
+    "myCommentHistory": "Mi historial de comentarios",
+    "signIn": "Entrar",
+    "toAccess": "para acceder a la configuración",
+    "fromSettingsPage": "Desde la peagina de configuración puede ver su historia de comentarios."
  }
 }
@@ -1,5 +1,6 @@
 li.base--active {
  background: white;
+  font-weight: bold;
 }

 li.material--active {
@@ -3,7 +3,7 @@
  <head>
    <meta property="csrf" content="<%= csrfToken %>">
    <link rel="stylesheet" type="text/css" href="/client/embed/stream/default.css">
-    <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <% if (locals.customCssUrl) { %>
      <link href="<%= customCssUrl %>" rel="stylesheet" type="text/css">