Skip to content

Feature/modal#114

Open
RupeshAagde-fynd wants to merge 6 commits into
gofynd:develop-redesignfrom
RupeshAagde-fynd:feature/modal
Open

Feature/modal#114
RupeshAagde-fynd wants to merge 6 commits into
gofynd:develop-redesignfrom
RupeshAagde-fynd:feature/modal

Conversation

@RupeshAagde-fynd

Copy link
Copy Markdown

Screenshot 2023-02-23 at 5 11 36 PM

Screenshot 2023-02-23 at 5 10 04 PM

Screenshot 2023-02-23 at 5 10 30 PM

Screenshot 2023-02-23 at 5 10 51 PM

Screenshot 2023-02-23 at 5 11 10 PM

Screenshot 2023-02-23 at 5 11 23 PM

@RupeshAagde-fynd

Copy link
Copy Markdown
Author

Props added
kind : ["dialog" , "acknowledgement" , "informational"]
size : ["m" ,"s"]

@ghost

ghost commented Feb 28, 2023

Copy link
Copy Markdown

@RupeshAagde-fynd , please add tests.

@ghost ghost left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@RupeshAagde-fynd please add test cases

@ghost ghost left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Changes requested

Comment thread src/components/NDialog/NDialog.less Outdated
padding: 0 24px;
height: 40px;
// height: 40px;
line-height: 24px;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

@RupeshAagde-fynd please change all hardcoded pixels to rem irrespective of previous implementations

</n-dialog>
</div>
`,
data: function () {

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

why do we have empty state? if not required, please remove it

@@ -1,10 +1,13 @@
<template>
<div v-show="isModalVisible" :id="id">

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Why was this v-show removed? Wouldn't it break existing implementations of the dialog? Please review and fix

<footer class="nitrozen-dialog-footer">
<slot name="footer">
<nitrozen-button
v-if="positiveButtonLabel"

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Please maintain backward compatibility for existing props. This will break any implementations using this prop

Comment thread src/components/NDialog/NDialog.vue Outdated
neutralButtonLabel: "Ok",
positiveButtonLabel: false,
neutralButtonLabel: "ok",
positiveButtonLabel: "cancel",

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Any reason we changed the default values? If yes, please specify

margin: 24px 0;
padding: 0 24px;
height: 40px;
// height: 40px;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

remove commented css

Comment thread src/assets/cross.svg Outdated
@@ -1,13 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="10px" height="8px" viewBox="0 0 10 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<svg width="16px" height="16px" viewBox="0 0 10 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Why was this SVG edited? We have to use the new icons specified in the library instead of using the old ones. If this is needed, please specify reason

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.

1 participant