style(sqllab): update table count styling (#15200)

* Change text style and opacity

* Edit changes to text style and opacity for table length

* Edit changes to text style and opacity
This commit is contained in:
stellalc7 2021-06-24 11:04:04 -04:00 committed by GitHub
parent 241ee32f56
commit 680b447bc4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -65,6 +65,10 @@ const TableSelectorWrapper = styled.div`
border-bottom: 1px solid ${({ theme }) => theme.colors.secondary.light5}; border-bottom: 1px solid ${({ theme }) => theme.colors.secondary.light5};
margin: 15px 0; margin: 15px 0;
} }
.table-length {
color: ${({ theme }) => theme.colors.grayscale.light1};
}
`; `;
const TableLabel = styled.span` const TableLabel = styled.span`
@ -382,9 +386,8 @@ const TableSelector: FunctionComponent<TableSelectorProps> = ({
<FormLabel> <FormLabel>
{t('See table schema')}{' '} {t('See table schema')}{' '}
{schema && ( {schema && (
<small> <small className="table-length">
{tableOptions.length} in {tableOptions.length} in {schema}
<i>{schema}</i>
</small> </small>
)} )}
</FormLabel> </FormLabel>