From 62a53e75b8f4b8f0b61d4fecd7ce06aae78c40c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 14 Oct 2016 09:12:10 +0800
Subject: [PATCH 1/3] refactor: Downsize some style code (#3421)

* remove fieldset disabled style

* improve button style mixins
---
 components/button/style/mixin.less | 89 ++++++++++++++----------------
 components/form/style/index.less   |  9 +--
 components/input/style/mixin.less  |  5 +-
 3 files changed, 45 insertions(+), 58 deletions(-)

diff --git a/components/button/style/mixin.less b/components/button/style/mixin.less
index 803d6dc1fe..e46f4cb557 100644
--- a/components/button/style/mixin.less
+++ b/components/button/style/mixin.less
@@ -6,21 +6,9 @@
   border-radius: @border-radius;
 }
 
-.button-variant(@color; @background; @border) {
-  .button-color(@color; @background; @border);
-
-  &:hover,
-  &:focus {
-    .button-color(tint(@color, 20%); tint(@background, 20%); tint(@border, 20%));
-  }
-  &:active,
-  &.active {
-    .button-color(shade(@color, 5%); shade(@background, 5%); shade(@background, 5%));
-  }
-
+.button-disabled() {
   &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
+  &[disabled] {
     &,
     &:hover,
     &:focus,
@@ -31,6 +19,38 @@
   }
 }
 
+.button-variant-primary(@color; @background) {
+  .button-color(@color; @background; @background);
+
+  &:hover,
+  &:focus {
+    .button-color(@color; tint(@background, 20%); tint(@background, 20%));
+  }
+
+  &:active,
+  &.active {
+    .button-color(@color; shade(@background, 5%); shade(@background, 5%));
+  }
+
+  .button-disabled();
+}
+
+.button-variant-other(@color; @background; @border) {
+  .button-color(@color; @background; @border);
+
+  &:hover,
+  &:focus {
+    .button-color(tint(@primary-color, 20%); @background; tint(@primary-color, 20%));
+  }
+
+  &:active,
+  &.active {
+    .button-color(shade(@primary-color, 5%); @background; shade(@primary-color, 5%));
+  }
+
+  .button-disabled();
+}
+
 .button-color(@color; @background; @border) {
   color: @color;
   background-color: @background;
@@ -91,7 +111,6 @@
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
-  // outline: none;
   white-space: nowrap;
   line-height: @line-height-base;
   .button-size(@btn-padding-base; @font-size-base; @btn-border-radius-base);
@@ -137,57 +156,29 @@
 
 // primary button style
 .btn-primary() {
-  .button-variant(@btn-primary-color; @btn-primary-bg; @primary-color);
-
-  &:hover,
-  &:focus,
-  &:active,
-  &.active {
-    color: @btn-primary-color;
-  }
+  .button-variant-primary(@btn-primary-color; @btn-primary-bg);
 }
 
 // default button style
 .btn-default() {
-  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
-
+  .button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border);
   &:hover,
-  &:focus {
-    .button-color(tint(@primary-color, 20%); white; tint(@primary-color, 20%));
-  }
+  &:focus,
   &:active,
   &.active {
-    .button-color(shade(@primary-color, 5%); white; shade(@primary-color, 5%));
+    background: #fff;
   }
 }
 
 // ghost button style
 .btn-ghost() {
-  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
-
-  &:hover,
-  &:focus {
-    .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
-  }
-  &:active,
-  &.active {
-    .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
-  }
+  .button-variant-other(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
 }
 
 // ghost button style
 .btn-dashed() {
-  .button-variant(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
+  .button-variant-other(@btn-ghost-color, @btn-ghost-bg, @btn-ghost-border);
   border-style: dashed;
-
-  &:hover,
-  &:focus {
-    .button-color(tint(@primary-color, 20%); @btn-ghost-bg; tint(@primary-color, 20%));
-  }
-  &:active,
-  &.active {
-    .button-color(shade(@primary-color, 5%); @btn-ghost-bg; shade(@primary-color, 5%));
-  }
 }
 
 // circle button: the content only contains icon
diff --git a/components/form/style/index.less b/components/form/style/index.less
index b8730b5271..7118111996 100644
--- a/components/form/style/index.less
+++ b/components/form/style/index.less
@@ -31,8 +31,7 @@ label {
 input[type="radio"],
 input[type="checkbox"] {
   &[disabled],
-  &.disabled,
-  fieldset[disabled] & {
+  &.disabled {
     cursor: @cursor-disabled;
   }
 }
@@ -42,8 +41,7 @@ input[type="checkbox"] {
 .@{ant-prefix}-radio-vertical,
 .@{ant-prefix}-checkbox-inline,
 .@{ant-prefix}-checkbox-vertical {
-  &.disabled,
-  fieldset[disabled] & {
+  &.disabled {
     cursor: @cursor-disabled;
   }
 }
@@ -51,8 +49,7 @@ input[type="checkbox"] {
 // These classes are used on elements with <label> descendants
 .@{ant-prefix}-radio,
 .@{ant-prefix}-checkbox {
-  &.disabled,
-  fieldset[disabled] & {
+  &.disabled {
     label {
       cursor: @cursor-disabled;
     }
diff --git a/components/input/style/mixin.less b/components/input/style/mixin.less
index 33279ca928..96eb3e5b77 100644
--- a/components/input/style/mixin.less
+++ b/components/input/style/mixin.less
@@ -62,9 +62,8 @@
     .active();
   }
 
-  &[disabled],
-  fieldset[disabled] & {
-   .disabled();
+  &[disabled] {
+    .disabled();
   }
 
   // Reset height for `textarea`s

From 8eb2eaf288db31e5330b4a14ba0eb5b90edc3ca5 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 14 Oct 2016 09:17:55 +0800
Subject: [PATCH 2/3] docs: update change log, ref: #3423

---
 CHANGELOG.en-US.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 5e366cfc41..cd0d0d4045 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -74,6 +74,7 @@ There are some breaking changes in `antd@2.0.0`, and you need to modify your cod
 * `linkRender` and `nameRender` of Breadcrumb are removed, please use `itemRender`.
 * `onClose` and `onOpen` of Menu are removed, please use `onOpenChange`. As being totally different, please check [this demo](http://beta.ant.design/components/menu/#components-menu-demo-sider-current) first.
 * Paging columns of Table were removed, please use [fixed columns](http://ant.design/components/table/#components-table-demo-fixed-columns).
+* `Popover[overlay]` is removed, please use `Popover[content]` instead.
 
 The following change will throw some warnings in the console and it will still work, but we recommend to update your code.
 

From 9e61fdd5d1e1faab81006098ccf6727e35f994f3 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Fri, 14 Oct 2016 09:55:12 +0800
Subject: [PATCH 3/3] site: document title should be localized, close: #3424

---
 site/theme/template/Home/index.jsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/site/theme/template/Home/index.jsx b/site/theme/template/Home/index.jsx
index c1d0e5817c..a0cb370f1b 100644
--- a/site/theme/template/Home/index.jsx
+++ b/site/theme/template/Home/index.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { injectIntl } from 'react-intl';
 import DocumentTitle from 'react-document-title';
 import Link from './Link';
 import Banner from './Banner';
@@ -86,9 +87,9 @@ function getStyle() {
   `;
 }
 
-export default function Home() {
+function Home(props) {
   return (
-    <DocumentTitle title="Ant Design - 一个 UI 设计语言">
+    <DocumentTitle title={`Ant Design - ${props.intl.formatMessage({ id: 'app.home.slogan' })}`}>
       <div className="main-wrapper">
         <Link />
         <Banner />
@@ -101,3 +102,5 @@ export default function Home() {
     </DocumentTitle>
   );
 }
+
+export default injectIntl(Home);