From 58dfae3ba8feed2d44366bd938da37f883d2bbc5 Mon Sep 17 00:00:00 2001
From: tengge1 <930372551@qq.com>
Date: Wed, 21 Aug 2019 21:05:54 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BF=BB=E8=AF=91=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ShadowEditor.Web/locales/zh-CN.json               |  8 +++++++-
 ShadowEditor.Web/src/ui/timeline/Timeline.jsx     | 15 ++++++++-------
 ShadowEditor.Web/src/ui/timeline/css/Timeline.css | 14 +++++++++++---
 3 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/ShadowEditor.Web/locales/zh-CN.json b/ShadowEditor.Web/locales/zh-CN.json
index b87931cd..d639c624 100644
--- a/ShadowEditor.Web/locales/zh-CN.json
+++ b/ShadowEditor.Web/locales/zh-CN.json
@@ -648,5 +648,11 @@
     "No Type": "无类型",
     "Debug Mode": "调试模式",
     "Enable": "启用",
-    "Disable": "禁用"
+    "Disable": "禁用",
+    "Add Layer": "添加层",
+    "Edit Layer": "编辑层",
+    "Delete Layer": "删除层",
+    "Slower": "减速",
+    "Pause": "暂停",
+    "Faster": "加速"
 }
\ No newline at end of file
diff --git a/ShadowEditor.Web/src/ui/timeline/Timeline.jsx b/ShadowEditor.Web/src/ui/timeline/Timeline.jsx
index 53197882..85b8cc7d 100644
--- a/ShadowEditor.Web/src/ui/timeline/Timeline.jsx
+++ b/ShadowEditor.Web/src/ui/timeline/Timeline.jsx
@@ -71,14 +71,15 @@ class Timeline extends React.Component {
 
         return <div className={classNames('Timeline', className)} style={style}>
             <Toolbar className={classNames('controls', className)} style={style}>
-                <IconButton icon={'add'} title={'Add Layer'} onClick={this.handleAddLayer}></IconButton>
-                <IconButton icon={'delete'} title={'Delete Layer'} onClick={this.handleDeleteLayer}></IconButton>
+                <IconButton icon={'add'} title={_t('Add Layer')} onClick={this.handleAddLayer}></IconButton>
+                <IconButton icon={'edit'} title={_t('Edit Layer')} onClick={this.handleAddLayer}></IconButton>
+                <IconButton icon={'delete'} title={_t('Delete Layer')} onClick={this.handleDeleteLayer}></IconButton>
                 <ToolbarSeparator></ToolbarSeparator>
-                <IconButton icon={'backward'} title={'Slower'} onClick={this.handleBackward}></IconButton>
-                <IconButton icon={'play'} title={'Play'} onClick={this.handlePlay}></IconButton>
-                <IconButton icon={'pause'} title={'Pause'} onClick={this.handlePause}></IconButton>
-                <IconButton icon={'forward'} title={'Faster'} onClick={this.handleForward}></IconButton>
-                <IconButton icon={'stop'} title={'Stop'} onClick={this.handleStop}></IconButton>
+                <IconButton icon={'backward'} title={_t('Slower')} onClick={this.handleBackward}></IconButton>
+                <IconButton icon={'play'} title={_t('Play')} onClick={this.handlePlay}></IconButton>
+                <IconButton icon={'pause'} title={_t('Pause')} onClick={this.handlePause}></IconButton>
+                <IconButton icon={'forward'} title={_t('Faster')} onClick={this.handleForward}></IconButton>
+                <IconButton icon={'stop'} title={_t('Stop')} onClick={this.handleStop}></IconButton>
                 <ToolbarSeparator></ToolbarSeparator>
                 <Label className={'time'}>{this.parseTime(this.time)}</Label>
                 <Label className={'speed'}>{this.parseSpeed(this.speed)}</Label>
diff --git a/ShadowEditor.Web/src/ui/timeline/css/Timeline.css b/ShadowEditor.Web/src/ui/timeline/css/Timeline.css
index 3ec478ac..4ea4d331 100644
--- a/ShadowEditor.Web/src/ui/timeline/css/Timeline.css
+++ b/ShadowEditor.Web/src/ui/timeline/css/Timeline.css
@@ -8,12 +8,20 @@
 
 .Timeline>.controls>.IconButton {
     border: none;
-    width: 24px;
-    height: 24px;
-    margin: 0 4px;
+    width: 20px;
+    height: 20px;
+    margin: 0 6px;
     padding: 0;
 }
 
+.Timeline>.controls>.IconButton>.iconfont {
+    font-size: 18px;
+}
+
+.Timeline>.controls>.ToolbarSeparator {
+    margin: 0 8px;
+}
+
 .Timeline>.box {
     position: relative;
     display: flex;