mirror of
https://github.com/primer/css.git
synced 2024-09-19 20:57:37 +03:00
Fix form tooltip transparency (#1507)
* Fix form tooltip transparency * Create lovely-rockets-heal.md
This commit is contained in:
parent
13cda22638
commit
30523d6436
5
.changeset/lovely-rockets-heal.md
Normal file
5
.changeset/lovely-rockets-heal.md
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
"@primer/css": patch
|
||||||
|
---
|
||||||
|
|
||||||
|
Fix form tooltip transparency
|
@ -191,7 +191,7 @@
|
|||||||
&.successed {
|
&.successed {
|
||||||
.success {
|
.success {
|
||||||
color: var(--color-input-tooltip-success-text);
|
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);
|
border-color: var(--color-input-tooltip-success-border);
|
||||||
|
|
||||||
&::after { border-bottom-color: var(--color-input-tooltip-success-bg); } // stylelint-disable-line primer/borders
|
&::after { border-bottom-color: var(--color-input-tooltip-success-bg); } // stylelint-disable-line primer/borders
|
||||||
@ -206,7 +206,7 @@
|
|||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
color: var(--color-input-tooltip-warning-text);
|
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);
|
border-color: var(--color-input-tooltip-warning-border);
|
||||||
|
|
||||||
&::after { border-bottom-color: var(--color-input-tooltip-warning-bg); } // stylelint-disable-line primer/borders
|
&::after { border-bottom-color: var(--color-input-tooltip-warning-bg); } // stylelint-disable-line primer/borders
|
||||||
@ -225,7 +225,7 @@
|
|||||||
|
|
||||||
.error {
|
.error {
|
||||||
color: var(--color-input-tooltip-error-text);
|
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);
|
border-color: var(--color-input-tooltip-error-border);
|
||||||
|
|
||||||
&::after { border-bottom-color: var(--color-input-tooltip-error-bg); } // stylelint-disable-line primer/borders
|
&::after { border-bottom-color: var(--color-input-tooltip-error-bg); } // stylelint-disable-line primer/borders
|
||||||
@ -240,6 +240,7 @@
|
|||||||
margin: $spacer-1 0 2px;
|
margin: $spacer-1 0 2px;
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
color: var(--color-text-secondary);
|
color: var(--color-text-secondary);
|
||||||
|
background-color: var(--color-bg-canvas); // Makes sure the background is opaque to cover any content underneath
|
||||||
|
|
||||||
.spinner {
|
.spinner {
|
||||||
// stylelint-disable-next-line primer/spacing
|
// stylelint-disable-next-line primer/spacing
|
||||||
|
Loading…
Reference in New Issue
Block a user