switch Angular -> React(half done)

2025-12-22 22:22:12 +00:00 · 2015-07-06 02:03:40 +09:00
parent 1a832c1fc4
commit 361e9c629e
27 changed files with 1012 additions and 43 deletions
--- a/browser/styles/main/containers/SnippetContainer.styl
+++ b/browser/styles/main/containers/SnippetContainer.styl
@@ -0,0 +1,53 @@
+.SnippetContainer
+  fullsize()
+  .tags
+    a
+      margin 0 2px
+  .SnippetList
+    absolute top bottom left
+    width 250px
+    border-right solid 1px highlightenBorderColor
+    .search
+      border-bottom solid 1px borderColor
+      padding 5px
+      margin 0
+
+    &>ul
+      absolute bottom left right
+      top 44px
+      overflow-y auto
+      li
+        border-bottom solid 1px borderColor
+        padding 10px
+        cursor pointer
+        .callSign
+          margin-bottom 5px
+          font-weight 600
+        .description
+          margin-bottom 5px
+        .updatedAt
+          margin-bottom 5px
+          color lighten(textColor, 25%)
+          font-size 0.8em
+        &:hover, &.hover
+          background-color hoverBackgroundColor
+
+  .SnippetViewer
+    absolute top bottom right
+    left 250px
+    .viewer-header
+      height 44px
+      line-height 44px
+      padding 0 15px
+      border-bottom solid 1px borderColor
+      box-sizing border-box
+      small
+        font-size 0.5em
+    .viewer-body
+      absolute bottom left right
+      top 44px
+      .viewer-detail
+        border-bottom solid 1px borderColor
+        padding 10px
+        .description
+          margin-bottom 15px