fix: set a default color for text in modal dialogs
Some atlaskit components, such as field-text, inherit text color. This is a problem with components that are white as they will inherit $defaultColor, which is a light gray. So instead, for the atlaskit modal, set a color for all the form content so it can be inherited instead.
This commit is contained in:
parent
19de32e206
commit
f9585430bb
|
@ -83,6 +83,7 @@ $rateStarSize: 34px;
|
|||
* Modals
|
||||
*/
|
||||
$modalButtonFontSize: 14px;
|
||||
$modalTextColor: #333;
|
||||
|
||||
/**
|
||||
* Notifications
|
||||
|
|
|
@ -77,6 +77,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
.modal-dialog-form {
|
||||
color: $modalTextColor;
|
||||
}
|
||||
.modal-dialog-footer {
|
||||
font-size: $modalButtonFontSize;
|
||||
}
|
||||
|
|
|
@ -1,7 +1,6 @@
|
|||
.speaker-stats {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
color: $auiDialogColor;
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
|
||||
|
|
|
@ -56,6 +56,7 @@ class Dialog extends AbstractDialog {
|
|||
width = { this.props.width || 'medium' }>
|
||||
<div>
|
||||
<form
|
||||
className = 'modal-dialog-form'
|
||||
id = 'modal-dialog-form'
|
||||
onSubmit = { this._onSubmit }>
|
||||
{ this.props.children }
|
||||
|
|
Loading…
Reference in New Issue