From 0d3629994bf98684c18be7df5db2ee9ace3aab9d Mon Sep 17 00:00:00 2001 From: simurai Date: Tue, 20 Jul 2021 14:47:00 +0900 Subject: [PATCH 1/2] Fix form tooltip transparency --- src/forms/form-group.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/forms/form-group.scss b/src/forms/form-group.scss index 823cffe8e4..a4e286f406 100644 --- a/src/forms/form-group.scss +++ b/src/forms/form-group.scss @@ -191,7 +191,7 @@ &.successed { .success { color: var(--color-input-tooltip-success-text); - background-color: var(--color-input-tooltip-success-bg); + background-image: linear-gradient(var(--color-input-tooltip-success-bg), var(--color-input-tooltip-success-bg)); border-color: var(--color-input-tooltip-success-border); &::after { border-bottom-color: var(--color-input-tooltip-success-bg); } // stylelint-disable-line primer/borders @@ -206,7 +206,7 @@ .warning { color: var(--color-input-tooltip-warning-text); - background-color: var(--color-input-tooltip-warning-bg); + background-image: linear-gradient(var(--color-input-tooltip-warning-bg), var(--color-input-tooltip-warning-bg)); border-color: var(--color-input-tooltip-warning-border); &::after { border-bottom-color: var(--color-input-tooltip-warning-bg); } // stylelint-disable-line primer/borders @@ -225,7 +225,7 @@ .error { color: var(--color-input-tooltip-error-text); - background-color: var(--color-input-tooltip-error-bg); + background-image: linear-gradient(var(--color-input-tooltip-error-bg), var(--color-input-tooltip-error-bg)); border-color: var(--color-input-tooltip-error-border); &::after { border-bottom-color: var(--color-input-tooltip-error-bg); } // stylelint-disable-line primer/borders @@ -240,6 +240,7 @@ margin: $spacer-1 0 2px; font-size: $font-size-small; color: var(--color-text-secondary); + background-color: var(--color-bg-canvas); // Makes sure the background is opaque to cover any content underneath .spinner { // stylelint-disable-next-line primer/spacing From e12002739c09bd18287bb4cd842b3f2029c4e050 Mon Sep 17 00:00:00 2001 From: simurai Date: Tue, 20 Jul 2021 15:34:30 +0900 Subject: [PATCH 2/2] Create lovely-rockets-heal.md --- .changeset/lovely-rockets-heal.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/lovely-rockets-heal.md diff --git a/.changeset/lovely-rockets-heal.md b/.changeset/lovely-rockets-heal.md new file mode 100644 index 0000000000..c5c2f68ed2 --- /dev/null +++ b/.changeset/lovely-rockets-heal.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Fix form tooltip transparency