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:
Leonard Kim 2017-04-13 10:16:30 -07:00 committed by Lyubo Marinov
parent 19de32e206
commit f9585430bb
4 changed files with 5 additions and 1 deletions

View File

@ -83,6 +83,7 @@ $rateStarSize: 34px;
* Modals
*/
$modalButtonFontSize: 14px;
$modalTextColor: #333;
/**
* Notifications

View File

@ -77,6 +77,9 @@
}
}
.modal-dialog-form {
color: $modalTextColor;
}
.modal-dialog-footer {
font-size: $modalButtonFontSize;
}

View File

@ -1,7 +1,6 @@
.speaker-stats {
list-style: none;
padding: 0;
color: $auiDialogColor;
width: 100%;
font-weight: 500;

View File

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