From 532fc4cb807eeb862c9de763eb8cfaec64d5759e Mon Sep 17 00:00:00 2001 From: Sean Li Date: Mon, 27 Apr 2015 15:46:37 -0700 Subject: [PATCH 1/4] Added forgotten border radius and dimmed border. --- styles/new-container.less | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/styles/new-container.less b/styles/new-container.less index 3fe2054b49..3000deed22 100644 --- a/styles/new-container.less +++ b/styles/new-container.less @@ -179,11 +179,11 @@ flex: 1 auto; min-width: 90px; background-color: @brand-action; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; justify-content: center; text-align: center; - box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2); + box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); img { margin-top: 15px; } @@ -193,6 +193,8 @@ position: relative; border: 1px solid @gray-lightest; border-left: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; .badges { position: absolute; right: 15px; From 58881f0fc76bf2d985536630dfd011a9854ba07e Mon Sep 17 00:00:00 2001 From: Sean Li Date: Mon, 27 Apr 2015 15:49:07 -0700 Subject: [PATCH 2/4] Border color and text placeholder color. --- styles/new-container.less | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles/new-container.less b/styles/new-container.less index 3000deed22..55d28f3921 100644 --- a/styles/new-container.less +++ b/styles/new-container.less @@ -105,7 +105,7 @@ border-color: @brand-primary; } &::-webkit-input-placeholder { - color: #DDD; + color: @gray-lightest; font-weight: 400; } } @@ -183,7 +183,7 @@ border-bottom-left-radius: 4px; justify-content: center; text-align: center; - box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1); + box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2); img { margin-top: 15px; } @@ -191,7 +191,7 @@ .card { padding: 10px 20px 10px 20px; position: relative; - border: 1px solid @gray-lightest; + border: 1px solid @gray-lighter; border-left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; From 20b8a5dac60a4f73b51c2b35e05585eb5aab4157 Mon Sep 17 00:00:00 2001 From: Sean Li Date: Mon, 27 Apr 2015 15:50:11 -0700 Subject: [PATCH 3/4] Darker widget border. --- styles/mixins.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles/mixins.less b/styles/mixins.less index 44e9460ca2..3c27533854 100644 --- a/styles/mixins.less +++ b/styles/mixins.less @@ -24,7 +24,7 @@ .widget-style() { border-radius: 4px; - border: 1px solid @gray-lightest; + border: 1px solid @gray-lighter; position: relative; overflow: hidden; } From 8d40b6e07afd873a88a3310755781e398c56c185 Mon Sep 17 00:00:00 2001 From: Sean Li Date: Mon, 27 Apr 2015 15:52:19 -0700 Subject: [PATCH 4/4] Darker hover color. --- styles/container-home.less | 2 +- styles/right-panel.less | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/container-home.less b/styles/container-home.less index ec6cef6ab3..bc808ea860 100644 --- a/styles/container-home.less +++ b/styles/container-home.less @@ -180,7 +180,7 @@ width: 110px; padding: 5px; &:hover { - background-color: @color-background; + background-color: darken(@color-background, 2%); border-radius: 10px; } img { diff --git a/styles/right-panel.less b/styles/right-panel.less index adbe6ace5c..167d0c66b4 100644 --- a/styles/right-panel.less +++ b/styles/right-panel.less @@ -73,7 +73,7 @@ display: inline-block; &:hover { border-radius: 40px; - background-color: @color-background; + background-color: darken(@color-background, 2%); } &.active { border-radius: 40px;