From 342c7495f034ecfdf4cb0248a9db427549db4fba Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Wed, 3 Oct 2018 23:30:24 +0200 Subject: [PATCH] docs(drag-drop): fix cross-browser inconsistencies in demos (#13364) Fixes the text in the drag&drop demos not being centered horizontally on some browsers, as well as the handle being too tall on IE11. --- .../cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css | 1 + .../cdk-drag-drop-handle/cdk-drag-drop-handle-example.css | 2 ++ .../cdk-drag-drop-overview/cdk-drag-drop-overview-example.css | 1 + 3 files changed, 4 insertions(+) diff --git a/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css b/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css index d471c94e66d..8c9161d7721 100644 --- a/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css +++ b/src/material-examples/cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css @@ -7,6 +7,7 @@ display: inline-flex; justify-content: center; align-items: center; + text-align: center; background: #fff; border-radius: 4px; margin-right: 25px; diff --git a/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css b/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css index c3a7886e143..4109768bdae 100644 --- a/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css +++ b/src/material-examples/cdk-drag-drop-handle/cdk-drag-drop-handle-example.css @@ -30,4 +30,6 @@ right: 10px; color: #ccc; cursor: move; + width: 24px; + height: 24px; } diff --git a/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css b/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css index 023c9b3d5aa..ab147c4b777 100644 --- a/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css +++ b/src/material-examples/cdk-drag-drop-overview/cdk-drag-drop-overview-example.css @@ -7,6 +7,7 @@ display: flex; justify-content: center; align-items: center; + text-align: center; background: #fff; border-radius: 4px; transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);