From 6ff8a45c23c719fd020ff47dba200e3d950fcc1f Mon Sep 17 00:00:00 2001 From: Alek Gembinski Date: Mon, 1 May 2017 16:00:21 -0700 Subject: [PATCH 1/3] #1664 -- Panel: Close button, size, margin and container. Updated to match spec. --- .../src/components/Panel/Panel.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/office-ui-fabric-react/src/components/Panel/Panel.scss b/packages/office-ui-fabric-react/src/components/Panel/Panel.scss index 310d750f87766a..9877e89e46aa68 100644 --- a/packages/office-ui-fabric-react/src/components/Panel/Panel.scss +++ b/packages/office-ui-fabric-react/src/components/Panel/Panel.scss @@ -23,7 +23,7 @@ $Panel-width-lg: 940px; $Panel-margin-md: 48px; $Panel-margin-lg: 428px; $Panel-margin-xl: 176px; -$CommandBarHeight: 40px; +$CommandBarHeight: 44px; .root { display: none; @@ -193,18 +193,18 @@ $CommandBarHeight: 40px; } } -// The button in the top right (x) +// The button in the top right (x) .closeButton { @include button-reset(); position: absolute; - @include right(8px); + @include right(4px); top: 0; height: $CommandBarHeight; width: $CommandBarHeight; line-height: $CommandBarHeight; padding: 0; color: $ms-color-neutralSecondary; - font-size: $ms-icon-size-m; + font-size: $ms-icon-size-l; &:hover { color: $ms-color-neutralPrimary; From 0a5b0da7a90c10f92afe67117fb6cb8034cffa2b Mon Sep 17 00:00:00 2001 From: Alek Gembinski Date: Mon, 1 May 2017 16:03:13 -0700 Subject: [PATCH 2/3] #1664 -- Rush Change --- .../1664_PanelCloseButton_2017-05-01-23-02.json | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 common/changes/1664_PanelCloseButton_2017-05-01-23-02.json diff --git a/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json b/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json new file mode 100644 index 00000000000000..983be99bb11833 --- /dev/null +++ b/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json @@ -0,0 +1,10 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "Panel: Updates close button. Height, container, margin, size.", + "type": "patch" + } + ], + "email": "v-algemb@microsoft.com" +} \ No newline at end of file From 880f2cc705f5ff7ec0ec2f39a9c7e7767cea6357 Mon Sep 17 00:00:00 2001 From: David Zearing Date: Mon, 1 May 2017 23:08:23 -0700 Subject: [PATCH 3/3] Update 1664_PanelCloseButton_2017-05-01-23-02.json --- common/changes/1664_PanelCloseButton_2017-05-01-23-02.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json b/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json index 983be99bb11833..d2d31c793eb7a6 100644 --- a/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json +++ b/common/changes/1664_PanelCloseButton_2017-05-01-23-02.json @@ -2,9 +2,9 @@ "changes": [ { "packageName": "office-ui-fabric-react", - "comment": "Panel: Updates close button. Height, container, margin, size.", + "comment": "Panel: Updating the close button's height, container, margin, and size slightly.", "type": "patch" } ], "email": "v-algemb@microsoft.com" -} \ No newline at end of file +}