tutorial 追加

browser/styles/main/HomeContainer/components/ArticleDetail.styl

@@ -85,6 +85,10 @@ iptFocusBorderColor = #369DCD
   &.edit
     .detailInfo
       .left
+        &>.tutorial
+          position fixed
+          z-index 35
+          font-style italic
         .folder
           border none
           width 150px
@@ -99,6 +103,8 @@ iptFocusBorderColor = #369DCD
           position relative
           margin-top 5px
           noSelect()
+          z-index 30
+          background-color #E6E6E6
           .tagItem
             background-color brandColor
             border-radius 2px
@@ -155,7 +161,13 @@ iptFocusBorderColor = #369DCD
     .detailBody
       .detailPanel
         &>.header
+          &>.tutorial
+            fixed right
+            z-index 35
+            font-style italic
           .mode
+            position relative
+            z-index 30
             absolute top bottom right
             display block
             height 33px
@@ -226,6 +238,10 @@ iptFocusBorderColor = #369DCD
               outline none
   &.idle
     .detailInfo
+      &>.tutorial
+        fixed top right
+        z-index 35
+        font-style italic
       .left
         right 99px
         .info
@@ -248,14 +264,17 @@ iptFocusBorderColor = #369DCD
           span.noTags
             color noTagsColor
       .right
+        z-index 30
         button
+          border-radius 16.5px
           cursor pointer
           height 33px
           width 33px
           border none
+          margin-right 5px
           font-size 18px
           color inactiveTextColor
-          background-color transparent
+          background-color darken(white, 5%)
           padding 0
           .tooltip
             tooltip()
@@ -266,7 +285,7 @@ iptFocusBorderColor = #369DCD
             margin-top 25px
             margin-left -73px
           &:hover
-            color inherit
+            color textColor
             .tooltip
               opacity 1
     .detailBody

browser/styles/main/HomeContainer/components/ArticleNavigator.styl

@@ -21,6 +21,16 @@ articleNavBgColor = #353535
       color white
       padding-left 20px
       margin-top 3px
+    .tutorial
+      position fixed
+      z-index 35
+      top 0
+      left 0
+      pointer-event none
+      font-style italic
+      transition 0.1s
+      &.hide
+        opacity 0
     .settingBtn
       width 22px
       height 22px
@@ -33,6 +43,7 @@ articleNavBgColor = #353535
       padding 0
       background-color transparent
       border 1px solid white
+      z-index 31
       .tooltip
         tooltip()
         margin-top -5px
@@ -47,7 +58,16 @@ articleNavBgColor = #353535
     height 88px
     padding 22px 15px
     margin-bottom 44px
+    .tutorial
+      fixed top left
+      z-index 35
+      pointer-event none
+      font-style italic
+      transition 0.1s
+      &.hide
+        opacity 0
     .newPostBtn
+      position relative
       border none
       background-color brandColor
       color white
@@ -56,6 +76,7 @@ articleNavBgColor = #353535
       border-radius 5px
       font-size 20px
       transition 0.1s
+      z-index 30
       .tooltip
         tooltip()
         margin-left 48px
@@ -70,6 +91,8 @@ articleNavBgColor = #353535
       padding-bottom 5px
       margin-bottom 10px
       clearfix()
+      position relative
+      z-index 30
       .title
         float left
         padding-left 10px
@@ -103,6 +126,12 @@ articleNavBgColor = #353535
     absolute bottom
     top 200px
     width 100%
+    .header
+      .tutorial
+        position fixed
+        z-index 35px
+        top 200px
+        font-style italic
     .folderList
       absolute bottom
       top 38px

browser/styles/main/HomeContainer/components/ArticleTopBar.styl

@@ -15,8 +15,32 @@ infoBtnActiveBgColor = #3A3A3A
   left 200px
   height 60px
   background-color bgColor
+  &>.tutorial
+    .clickJammer
+      fixed top left bottom right
+      z-index 40
+      background transparent
+    .global
+      fixed bottom right
+      height 100px
+      z-index 35
+    .finder
+      fixed bottom right
+      height 250px
+      left 50%
+      margin-left -250px
+      z-index 35
+    .back
+      fixed top left bottom right
+      z-index 20
+      background-color transparentify(black, 80%)
   &>.left
     float left
+    &>.tutorial
+      fixed top
+      left 200px
+      z-index 36
+      font-style italic
     &>.search
       position relative
       float left
@@ -28,6 +52,7 @@ infoBtnActiveBgColor = #3A3A3A
       transition 0.1s
       font-size 16px
       border 1px solid transparent
+      z-index 30
       .tooltip
         tooltip()
         margin-left -24px