Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Major fixes. Design and Functionality #76

Merged
merged 19 commits into from
May 29, 2021
Merged

Major fixes. Design and Functionality #76

merged 19 commits into from
May 29, 2021

Conversation

prateekshourya29
Copy link
Contributor

@prateekshourya29 prateekshourya29 commented May 20, 2021

Description

  • Row gutter now take horizontal spacing and vertical spacing instead of outer margin and inner padding.

Known issues

  • List : styles not applied due to change in row gutter.

Types of changes

  • Docs change / refactoring / dependency upgrade
  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

anitnilay20 and others added 4 commits May 16, 2021 00:27
* Use dynamic zIndex assignment.
* Update *CardHeader* to use *h6* for header.
* Modal opening and closing animation fix.
* Popover add classname for child element.
@codecov
Copy link

codecov bot commented May 21, 2021

Codecov Report

Merging #76 (573898a) into master (4c308ef) will increase coverage by 7.53%.
The diff coverage is 90.42%.

Impacted file tree graph

@@            Coverage Diff             @@
##           master      #76      +/-   ##
==========================================
+ Coverage   65.93%   73.46%   +7.53%     
==========================================
  Files         136      141       +5     
  Lines        2049     2171     +122     
  Branches      458      528      +70     
==========================================
+ Hits         1351     1595     +244     
+ Misses        698      571     -127     
- Partials        0        5       +5     
Impacted Files Coverage Δ
src/components/Breadcrumb/Breadcrumb.tsx 100.00% <ø> (ø)
src/components/Card/style.ts 66.66% <ø> (-4.77%) ⬇️
src/components/Collapse/Collapse.tsx 71.42% <ø> (ø)
src/components/Collapse/style.ts 100.00% <ø> (ø)
src/components/DatePicker/DatePicker.tsx 35.29% <0.00%> (-1.07%) ⬇️
src/components/Layout/SidePanel.tsx 22.41% <0.00%> (ø)
src/components/Page/Page.tsx 36.84% <ø> (ø)
src/components/Pagination/Pagination.tsx 41.17% <ø> (ø)
src/components/Slider/style.ts 60.00% <ø> (ø)
src/components/Table/FlexTable.tsx 29.54% <ø> (ø)
... and 62 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4c308ef...573898a. Read the comment docs.

? (__children as React.ReactElement[])
: [__children];

const [RowGutterStyles, ColPadding] = gutterStyle(props);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The variable name should follow camel casing.

@@ -28,7 +28,7 @@ export const DatePicker: React.FC<DatePickerProps> = (props) => {
<>
<Popover
content={
<Row gutter={['0', '0']}>
<Row gutter={[0, 0]}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Row gutter={[0, 0]}>
<Row gutter={0}>

@@ -60,8 +60,8 @@ const Inner: React.FC<InnerProps> = (props) => {
onMouseEnter={() => updateDrawerButton(true)}
onMouseLeave={() => updateDrawerButton(false)}
>
<Row gutter={[0, '0 5px 0 5px']} style={{ overflowX: 'hidden', maxWidth: width + 'px' }} wrap="nowrap">
<Col flex="0 0 60px" className={elevationCss(3)}>
<Row gutter={[0, 0]} style={{ overflowX: 'hidden', maxWidth: width + 'px' }} wrap="nowrap">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Row gutter={[0, 0]} style={{ overflowX: 'hidden', maxWidth: width + 'px' }} wrap="nowrap">
<Row gutter={0} style={{ overflowX: 'hidden', maxWidth: width + 'px' }} wrap="nowrap">

@@ -38,7 +38,7 @@ export const BasicTableWithHeadersAndFooters: Story<TableProps<{ name: string; a
},
]}
header={
<Row justifyContent="flex-end" gutter={['0', '0']}>
<Row justifyContent="flex-end" gutter={[0, 0]}>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<Row justifyContent="flex-end" gutter={[0, 0]}>
<Row justifyContent="flex-end" gutter={0}>


export function useWindowSize() {
const [size, setSize] = React.useState([0, 0]);
React.useLayoutEffect(() => {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we should use useEffect instead.
Ref: https://reactjs.org/docs/hooks-reference.html#uselayouteffect

@anitnilay20 anitnilay20 changed the title Fix row gutter styles Major fixes. Design and Functionality May 27, 2021
* 🎉 Add test for calendar component.
* Add key to each tooltip to remove warnings.

* Add requested changes.
@anitnilay20 anitnilay20 merged commit e03ec95 into master May 29, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants