From 42f98a596f331ae657b7209ad9b918a448d3492a Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 31 Aug 2018 17:25:30 +0200 Subject: [PATCH] docs(drag-drop): text blending in with card on dark theme (#12922) Fixes the text inside the drag&drop boxes blending in on a dark theme. --- .../cdk-drag-drop-axis-lock/cdk-drag-drop-axis-lock-example.css | 1 + .../cdk-drag-drop-connected-sorting-example.css | 1 + .../cdk-drag-drop-custom-preview-example.css | 1 + .../cdk-drag-drop-handle/cdk-drag-drop-handle-example.css | 1 + .../cdk-drag-drop-horizontal-sorting-example.css | 1 + .../cdk-drag-drop-overview/cdk-drag-drop-overview-example.css | 1 + .../cdk-drag-drop-root-element-example.css | 1 + .../cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css | 1 + 8 files changed, 8 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 80ec85a3218..d471c94e66d 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 @@ -2,6 +2,7 @@ width: 200px; height: 200px; border: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); cursor: move; display: inline-flex; justify-content: center; diff --git a/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css b/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css index 0ba57daf505..37cbc09bc44 100644 --- a/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css +++ b/src/material-examples/cdk-drag-drop-connected-sorting/cdk-drag-drop-connected-sorting-example.css @@ -18,6 +18,7 @@ .box { padding: 20px 10px; border-bottom: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; align-items: center; diff --git a/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css b/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css index b2be0d39ad4..e7fb757cbd4 100644 --- a/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css +++ b/src/material-examples/cdk-drag-drop-custom-preview/cdk-drag-drop-custom-preview-example.css @@ -12,6 +12,7 @@ .box { padding: 20px 10px; border-bottom: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; align-items: center; 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 a5d19251185..c3a7886e143 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 @@ -4,6 +4,7 @@ padding: 10px; box-sizing: border-box; border: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); display: flex; justify-content: center; align-items: center; diff --git a/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css b/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css index accc9bb1bac..60151ea45ec 100644 --- a/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css +++ b/src/material-examples/cdk-drag-drop-horizontal-sorting/cdk-drag-drop-horizontal-sorting-example.css @@ -13,6 +13,7 @@ .box { padding: 20px 10px; border-right: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; align-items: center; 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 b2b44250c32..023c9b3d5aa 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 @@ -2,6 +2,7 @@ width: 200px; height: 200px; border: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); cursor: move; display: flex; justify-content: center; diff --git a/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css b/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css index 7304d815acd..5dc5dd05645 100644 --- a/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css +++ b/src/material-examples/cdk-drag-drop-root-element/cdk-drag-drop-root-element-example.css @@ -2,6 +2,7 @@ width: 200px; height: 200px; border: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); cursor: move; display: flex; justify-content: center; diff --git a/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css b/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css index b2be0d39ad4..e7fb757cbd4 100644 --- a/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css +++ b/src/material-examples/cdk-drag-drop-sorting/cdk-drag-drop-sorting-example.css @@ -12,6 +12,7 @@ .box { padding: 20px 10px; border-bottom: solid 1px #ccc; + color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; align-items: center;