* change tutorial UI.

This commit is contained in:
Catouse
2016-04-27 17:13:03 +08:00
parent 281173aefe
commit 5707226b82
4 changed files with 9 additions and 8 deletions
+4 -4
View File
@@ -1,11 +1,11 @@
#pageContainer {position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden;}
#iframeWrapper {position: absolute; left: 0; top: 0; bottom: 0; right: 300px; display: block}
#sidebar {position: absolute; right: 0; top: 0; bottom: 0; width: 300px; background: #f5f5f5; overflow-y: auto; padding-top: 66px; border-left: 1px solid #ddd}
#sidebar > header {background: #EBF2F9; padding: 15px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd}
#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px;}
#sidebar > header {background: #3280FC; color: #fff; padding: 15px; position: fixed; top: 0; right: 0; z-index: 10; width: 300px; border-bottom: 1px solid #ddd}
#sidebar > header > h2 {margin: 0 0 0 40px; font-size: 18px; padding: 0; line-height: 36px; color: #fff}
#sidebar > header .start-icon {position: absolute; left: 12px; top: 15px; width: 36px; height: 36px; text-align: center; margin-right: 5px;}
#sidebar > header .start-icon > .icon-front {color: #fff; position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 0}
#sidebar > header .start-icon > .icon-back {font-size: 35px; color: #114f8e; line-height: 36px;}
#sidebar > header .start-icon > .icon-front {color: #3280FC; position: absolute; width: 36px; height: 36px; line-height: 36px; top: 0; left: 0; font-size: 12px}
#sidebar > header .start-icon > .icon-back {font-size: 35px; color: #fff; line-height: 36px;}
#sidebar > header > .actions {position: absolute; right: 15px; top: 15px}
#sidebar > section {padding: 20px 10px; border-top: 1px solid #ddd}
#sidebar > section > h4 {margin: 0 0 10px 0; font-size: 14px; color: #808080; font-weight: normal}
+2 -1
View File
@@ -1,6 +1,7 @@
#start {background: #EBF2F9; padding: 40px; text-align: center;}
.start-icon {position: relative; width: 140px; height: 140px; margin: 0 auto; line-height: 140px;}
.start-icon > .icon-back {font-size: 140px; color: #114f8e}
.start-icon > .icon-back {font-size: 140px; color: #145CCD}
.start-icon > .icon-front {font-size: 56px; position: absolute; top: 35px; left: 35px; color: #EBF2F9; z-index: 10; width: 70px; height: 70px; text-align: center; line-height: 70px;}
.start-icon > .icon-spin {-moz-animation: spin 15s infinite linear;-o-animation: spin 15s infinite linear;-webkit-animation: spin 15s infinite linear;animation: spin 15s infinite linear;}
#start > h1 {color: #145CCD}
#start > h1, #start > p {margin-bottom: 20px}
+1 -1
View File
@@ -14,7 +14,7 @@ $lang->tutorial = new stdclass();
$lang->tutorial->common = '新手教程';
$lang->tutorial->desc = '通过完成一系列任务,快速了解禅道的基本使用方法。这可能会花费您10分钟,你可以随时退出任务。';
$lang->tutorial->start = '立即开始';
$lang->tutorial->exit = '退出任务';
$lang->tutorial->exit = '退出教程';
$lang->tutorial->congratulation = '恭喜,你已完成了所有任务!';
$lang->tutorial->restart = '重新开始';
$lang->tutorial->currentTask = '当前任务';
+2 -2
View File
@@ -206,9 +206,9 @@ $(function()
{
trigger: 'manual',
title: text,
placement: 'top',
placement: $e.offset().left > ($(window).width()*2/3) ? 'left' : 'top',
container: 'body',
tipClass: 'tooltip-warning'
tipClass: 'tooltip-warning tooltip-max'
}, options);
$e = $e.first();
if($lastTooltip) $lastTooltip.tooltip('hide');