primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-09 12:22:47 +03:00
Code Issues Projects Releases Wiki Activity

Fix form tooltip transparency (#1507)

Browse Source 
* Fix form tooltip transparency

* Create lovely-rockets-heal.md
This commit is contained in:
simurai 2021-07-21 00:34:58 +09:00 committed by GitHub
parent 13cda22638
commit 30523d6436
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/lovely-rockets-heal.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Fix form tooltip transparency

7
src/forms/form-group.scss
View File

@ -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