djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Saleor 1670 visual improvements for dashboard homepage (#850)

Browse source 
* Fix overflow for card hover

* Add padding on arrow icon

* Update storybook for homepage
This commit is contained in:
Marek Choiński 2020-11-24 14:16:44 +01:00 committed by GitHub
parent ca8fcfec50
commit 101e2c7cdc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/home/components/HomeNotificationTable/HomeNotificationTable.tsx
View file

@ -14,9 +14,13 @@ import React from "react";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
const useStyles = makeStyles( const useStyles = makeStyles(
theme => ({ () => ({
arrowIcon: { arrowIcon: {
width: theme.spacing(4) textAlign: "right",
width: "auto"
},
tableCard: {
overflow: "hidden"
}, },
tableRow: { tableRow: {
cursor: "pointer" cursor: "pointer"
@ -48,7 +52,7 @@ const HomeNotificationTable: React.FC<HomeNotificationTableProps> = props => {
const classes = useStyles(props); const classes = useStyles(props);
return ( return (
<Card> <Card className={classes.tableCard}>
<ResponsiveTable> <ResponsiveTable>
<TableBody className={classes.tableRow}> <TableBody className={classes.tableRow}>
<RequirePermissions <RequirePermissions

12
src/storybook/__snapshots__/Stories.test.ts.snap
View file

@ -85667,7 +85667,7 @@ exports[`Storyshots Views / HomePage default 1`] = `
</div> </div>
</div> </div>
<div <div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id" class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
> >
<div <div
class="ResponsiveTable-root-id" class="ResponsiveTable-root-id"
@ -86382,7 +86382,7 @@ exports[`Storyshots Views / HomePage loading 1`] = `
</div> </div>
</div> </div>
<div <div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id" class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
> >
<div <div
class="ResponsiveTable-root-id" class="ResponsiveTable-root-id"
@ -86756,7 +86756,7 @@ exports[`Storyshots Views / HomePage no data 1`] = `
</div> </div>
</div> </div>
<div <div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id" class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
> >
<div <div
class="ResponsiveTable-root-id" class="ResponsiveTable-root-id"
@ -87001,7 +87001,7 @@ exports[`Storyshots Views / HomePage no permissions 1`] = `
> >
<div> <div>
<div <div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id" class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
> >
<div <div
class="ResponsiveTable-root-id" class="ResponsiveTable-root-id"
@ -87148,7 +87148,7 @@ exports[`Storyshots Views / HomePage order permissions 1`] = `
</div> </div>
</div> </div>
<div <div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id" class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
> >
<div <div
class="ResponsiveTable-root-id" class="ResponsiveTable-root-id"
@ -87628,7 +87628,7 @@ exports[`Storyshots Views / HomePage product permissions 1`] = `
> >
<div> <div>
<div <div
class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id MuiPaper-rounded-id" class="MuiPaper-root-id MuiPaper-elevation0-id MuiCard-root-id HomeNotificationTable-tableCard-id MuiPaper-rounded-id"
> >
<div <div
class="ResponsiveTable-root-id" class="ResponsiveTable-root-id"