mirror of
https://github.com/apache/superset.git
synced 2024-09-06 05:47:43 -04:00
style: fix too light form labels in DatabaseModal + DRY css (#11056)
eventually should be moved away from bootstrap and onto a DRY ControlLabel component in our design system.
This commit is contained in:
parent
b2af0c0e22
commit
f109f11ceb
@ -45,11 +45,10 @@ const StyledIcon = styled(Icon)`
|
|||||||
const StyledInputContainer = styled.div`
|
const StyledInputContainer = styled.div`
|
||||||
margin-bottom: ${({ theme }) => theme.gridUnit * 2}px;
|
margin-bottom: ${({ theme }) => theme.gridUnit * 2}px;
|
||||||
|
|
||||||
.label,
|
|
||||||
.helper {
|
.helper {
|
||||||
display: block;
|
display: block;
|
||||||
padding: ${({ theme }) => theme.gridUnit}px 0;
|
padding: ${({ theme }) => theme.gridUnit}px 0;
|
||||||
color: ${({ theme }) => theme.colors.grayscale.light1};
|
color: ${({ theme }) => theme.colors.grayscale.base};
|
||||||
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
|
font-size: ${({ theme }) => theme.typography.sizes.s - 1}px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
|
||||||
@ -313,7 +312,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
key="1"
|
key="1"
|
||||||
>
|
>
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">
|
<div className="control-label">
|
||||||
{t('Database Name')}
|
{t('Database Name')}
|
||||||
<span className="required">*</span>
|
<span className="required">*</span>
|
||||||
</div>
|
</div>
|
||||||
@ -328,7 +327,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
</StyledInputContainer>
|
</StyledInputContainer>
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">
|
<div className="control-label">
|
||||||
{t('SQLAlchemy URI')}
|
{t('SQLAlchemy URI')}
|
||||||
<span className="required">*</span>
|
<span className="required">*</span>
|
||||||
</div>
|
</div>
|
||||||
@ -359,7 +358,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
<Tabs.TabPane tab={<span>{t('Performance')}</span>} key="2">
|
<Tabs.TabPane tab={<span>{t('Performance')}</span>} key="2">
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">{t('Chart Cache Timeout')}</div>
|
<div className="control-label">{t('Chart Cache Timeout')}</div>
|
||||||
<div className="input-container">
|
<div className="input-container">
|
||||||
<input
|
<input
|
||||||
type="number"
|
type="number"
|
||||||
@ -483,7 +482,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
</StyledInputContainer>
|
</StyledInputContainer>
|
||||||
</StyledInputContainer>
|
</StyledInputContainer>
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">{t('CTAS Schema')}</div>
|
<div className="control-label">{t('CTAS Schema')}</div>
|
||||||
<div className="input-container">
|
<div className="input-container">
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
@ -503,7 +502,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
<Tabs.TabPane tab={<span>{t('Security')}</span>} key="4">
|
<Tabs.TabPane tab={<span>{t('Security')}</span>} key="4">
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">{t('Secure Extra')}</div>
|
<div className="control-label">{t('Secure Extra')}</div>
|
||||||
<div className="input-container">
|
<div className="input-container">
|
||||||
<textarea
|
<textarea
|
||||||
name="encrypted_extra"
|
name="encrypted_extra"
|
||||||
@ -528,7 +527,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
</StyledInputContainer>
|
</StyledInputContainer>
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">{t('Root Certificate')}</div>
|
<div className="control-label">{t('Root Certificate')}</div>
|
||||||
<div className="input-container">
|
<div className="input-container">
|
||||||
<textarea
|
<textarea
|
||||||
name="server_cert"
|
name="server_cert"
|
||||||
@ -585,7 +584,7 @@ const DatabaseModal: FunctionComponent<DatabaseModalProps> = ({
|
|||||||
</div>
|
</div>
|
||||||
</StyledInputContainer>
|
</StyledInputContainer>
|
||||||
<StyledInputContainer>
|
<StyledInputContainer>
|
||||||
<div className="label">{t('Extra')}</div>
|
<div className="control-label">{t('Extra')}</div>
|
||||||
<div className="input-container">
|
<div className="input-container">
|
||||||
<textarea
|
<textarea
|
||||||
name="extra"
|
name="extra"
|
||||||
|
Loading…
Reference in New Issue
Block a user