diff --git a/browser/main/Containers/SnippetContainer.jsx b/browser/main/Containers/SnippetContainer.jsx index 14bc2e40..6f80548a 100644 --- a/browser/main/Containers/SnippetContainer.jsx +++ b/browser/main/Containers/SnippetContainer.jsx @@ -5,7 +5,8 @@ var CodeViewer = require('../Components/CodeViewer') var SnippetList = React.createClass({ propTypes: { snippets: React.PropTypes.array, - selectSnippet: React.PropTypes.func + selectSnippet: React.PropTypes.func, + currentSnippet: React.PropTypes.object }, itemClickHandlerFactory: function (snippet) { return function () { @@ -20,7 +21,7 @@ var SnippetList = React.createClass({ ) }) return ( -
  • +
  • {snippet.callSign}
    {snippet.description}
    {snippet.updatedAt}
    diff --git a/browser/styles/main/components/SideNavigator.styl b/browser/styles/main/components/SideNavigator.styl index c06e6383..6d4c4a4a 100644 --- a/browser/styles/main/components/SideNavigator.styl +++ b/browser/styles/main/components/SideNavigator.styl @@ -1,7 +1,7 @@ .SideNavigator absolute top bottom left width 200px - border-right solid 2px brandColor + border-right solid 1px highlightenBorderColor padding 10px box-sizing border-box .nav-header diff --git a/browser/styles/main/containers/SnippetContainer.styl b/browser/styles/main/containers/SnippetContainer.styl index 5ba5594d..d8f15b43 100644 --- a/browser/styles/main/containers/SnippetContainer.styl +++ b/browser/styles/main/containers/SnippetContainer.styl @@ -31,6 +31,9 @@ font-size 0.8em &:hover, &.hover background-color hoverBackgroundColor + &:active, &.active + border solid 2px brandBorderColor + padding 9px 9px 8px .SnippetViewer absolute top bottom right