-
Notifications
You must be signed in to change notification settings - Fork 0
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
Conversation
* Use dynamic zIndex assignment. * Update *CardHeader* to use *h6* for header. * Modal opening and closing animation fix. * Popover add classname for child element.
Codecov Report
@@ 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
Continue to review full report at Codecov.
|
src/components/Grid/Row.tsx
Outdated
? (__children as React.ReactElement[]) | ||
: [__children]; | ||
|
||
const [RowGutterStyles, ColPadding] = gutterStyle(props); |
There was a problem hiding this comment.
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]}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<Row gutter={[0, 0]}> | |
<Row gutter={0}> |
src/components/Layout/SidePanel.tsx
Outdated
@@ -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"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<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]}> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<Row justifyContent="flex-end" gutter={[0, 0]}> | |
<Row justifyContent="flex-end" gutter={0}> |
src/helpers/Grid.ts
Outdated
|
||
export function useWindowSize() { | ||
const [size, setSize] = React.useState([0, 0]); | ||
React.useLayoutEffect(() => { |
There was a problem hiding this comment.
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
* Add close button with datepicker if timepicker is also there. * Add fix-width for Datepicker popup.
* 🎉 Add test for calendar component. * Add key to each tooltip to remove warnings. * Add requested changes.
Description
Known issues
Types of changes
Checklist