From f5d1457b2c86285bc32c9c6a8765bbaa95066133 Mon Sep 17 00:00:00 2001 From: Ovidiu Chereches Date: Fri, 24 Apr 2015 04:09:18 +0300 Subject: [PATCH 1/4] Improve selected states #10 --- src/components/component-playground.less | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/src/components/component-playground.less b/src/components/component-playground.less index c176c70..07b85ee 100644 --- a/src/components/component-playground.less +++ b/src/components/component-playground.less @@ -59,10 +59,6 @@ text-transform: uppercase; text-decoration: none; - &.selected-button { - background: #000; - } - a { color: #aaa; text-decoration: none; @@ -71,6 +67,14 @@ color: #fafafa; } } + + &.selected-button { + background: #333; + + a { + color: #fafafa; + } + } } } } @@ -91,7 +95,6 @@ list-style-type: none; .component { - .component-name { margin: 0; padding: 0; @@ -143,7 +146,6 @@ } &.selected { - a { font-weight: bold; } @@ -152,6 +154,11 @@ } &.expanded { + .component-name { + a { + color: #fafafa; + } + } .component-fixtures { display: block; @@ -211,7 +218,6 @@ } &.full-screen { - > .header { display: none; } From e33f0d34d543cad255c612d7998971968a4feb87 Mon Sep 17 00:00:00 2001 From: Ovidiu Chereches Date: Fri, 24 Apr 2015 04:12:41 +0300 Subject: [PATCH 2/4] Move fixture editor scrollbar outwards #10 --- src/components/component-playground.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/components/component-playground.less b/src/components/component-playground.less index 07b85ee..59a87b3 100644 --- a/src/components/component-playground.less +++ b/src/components/component-playground.less @@ -181,13 +181,14 @@ bottom: 0; left: 0; right: 50%; - padding: 10px; border: 1px solid rgba(16, 16, 16, 0.1); background: #f8f5ec; .fixture-editor { width: 100%; height: 100%; + padding: 10px; + box-sizing: border-box; border: none; background: transparent; color: #637c84; From 70039c5ddd6ff2a6e216b4b4d0c46e007d2a6a15 Mon Sep 17 00:00:00 2001 From: Ovidiu Chereches Date: Fri, 24 Apr 2015 04:15:26 +0300 Subject: [PATCH 3/4] Allow scroll in preview pane #10 --- src/components/component-playground.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/component-playground.less b/src/components/component-playground.less index 59a87b3..1c4f408 100644 --- a/src/components/component-playground.less +++ b/src/components/component-playground.less @@ -210,7 +210,7 @@ bottom: 0; left: 0; right: 0; - overflow: hidden; + overflow: auto; &.aside-fixture-editor { left: 50%; From 21a32334e445c03f7501de3d8409d459e30d37dd Mon Sep 17 00:00:00 2001 From: Ovidiu Chereches Date: Fri, 24 Apr 2015 04:21:09 +0300 Subject: [PATCH 4/4] Bump package #10 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 01ed4f7..9411d9e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-component-playground", - "version": "0.2.1", + "version": "0.2.2", "description": "Isolated loader for React components", "main": "build/bundle.js", "repository": {