mirror of
https://github.com/apache/superset.git
synced 2024-09-06 22:07:34 -04:00
fix(explore): Chart header icon paddings (#19534)
This commit is contained in:
parent
c5b0dc3ea6
commit
bb96029c9d
@ -182,10 +182,7 @@ export default class AlteredSliceTag extends React.Component {
|
|||||||
renderTriggerNode() {
|
renderTriggerNode() {
|
||||||
return (
|
return (
|
||||||
<Tooltip id="difference-tooltip" title={t('Click to see difference')}>
|
<Tooltip id="difference-tooltip" title={t('Click to see difference')}>
|
||||||
<span
|
<span className="label label-warning" style={{ fontSize: '12px' }}>
|
||||||
className="label label-warning m-l-5"
|
|
||||||
style={{ fontSize: '12px' }}
|
|
||||||
>
|
|
||||||
{t('Altered')}
|
{t('Altered')}
|
||||||
</span>
|
</span>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
|
@ -68,11 +68,7 @@ const FaveStar = ({
|
|||||||
data-test="fave-unfave-icon"
|
data-test="fave-unfave-icon"
|
||||||
role="button"
|
role="button"
|
||||||
>
|
>
|
||||||
{isStarred ? (
|
{isStarred ? <Icons.FavoriteSelected /> : <Icons.FavoriteUnselected />}
|
||||||
<Icons.FavoriteSelected iconSize="xxl" />
|
|
||||||
) : (
|
|
||||||
<Icons.FavoriteUnselected iconSize="xxl" />
|
|
||||||
)}
|
|
||||||
</StyledLink>
|
</StyledLink>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -96,8 +96,19 @@ const StyledHeader = styled.div`
|
|||||||
`;
|
`;
|
||||||
|
|
||||||
const StyledButtons = styled.span`
|
const StyledButtons = styled.span`
|
||||||
display: flex;
|
${({ theme }) => css`
|
||||||
align-items: center;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: ${theme.gridUnit * 2}px;
|
||||||
|
|
||||||
|
& .fave-unfave-icon {
|
||||||
|
padding: 0 ${theme.gridUnit}px;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export class ExploreChartHeader extends React.PureComponent {
|
export class ExploreChartHeader extends React.PureComponent {
|
||||||
@ -236,16 +247,14 @@ export class ExploreChartHeader extends React.PureComponent {
|
|||||||
onSave={actions.updateChartTitle}
|
onSave={actions.updateChartTitle}
|
||||||
placeholder={t('Add the name of the chart')}
|
placeholder={t('Add the name of the chart')}
|
||||||
/>
|
/>
|
||||||
{slice?.certified_by && (
|
|
||||||
<>
|
|
||||||
<CertifiedBadge
|
|
||||||
certifiedBy={slice.certified_by}
|
|
||||||
details={slice.certification_details}
|
|
||||||
/>{' '}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
{slice && (
|
{slice && (
|
||||||
<StyledButtons>
|
<StyledButtons>
|
||||||
|
{slice.certified_by && (
|
||||||
|
<CertifiedBadge
|
||||||
|
certifiedBy={slice.certified_by}
|
||||||
|
details={slice.certification_details}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
{user.userId && (
|
{user.userId && (
|
||||||
<FaveStar
|
<FaveStar
|
||||||
itemId={slice.slice_id}
|
itemId={slice.slice_id}
|
||||||
|
Loading…
Reference in New Issue
Block a user