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

Added a feature to take notes using localstorage Fixes #609 #611

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

Palaksharma23
Copy link
Member

Fixes #609

Screenshots

Finally

image

✅️ By submitting this PR, I have verified the following

  • [✅️] Checked to see if a similar PR has already been opened 🤔️
  • [✅️] Reviewed the contributing guidelines 🔍️

@netlify
Copy link

netlify bot commented Jan 26, 2022

✔️ Deploy Preview for vigilant-nightingale-2f57b2 ready!

🔨 Explore the source changes: 162e9e4

🔍 Inspect the deploy log: https://app.netlify.com/sites/vigilant-nightingale-2f57b2/deploys/61fdfe7972521d0008bd3bd6

😎 Browse the preview: https://deploy-preview-611--vigilant-nightingale-2f57b2.netlify.app

font-size: unset;
}

#notearea {
Copy link

Choose a reason for hiding this comment

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

Avoid using id selectors

display: block;
}

#operation button {
Copy link

Choose a reason for hiding this comment

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

Avoid using id selectors
Merge rule #operation button with rule on line 333

height: 34vh;
background-color: #026e57;
color: white;
}
Copy link

Choose a reason for hiding this comment

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

Line contains trailing whitespace

Copy link
Member

@ayan-biswas0412 ayan-biswas0412 left a comment

Choose a reason for hiding this comment

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

image
I think if we can have the notes at the place where a user has selected a text that will be much helpful.

Like according to me the user end flow must be like this
user select a text -> notes button visible -> notes pad inserted at the place where user has selected the text

}

#operation button {
float: right;
Copy link

Choose a reason for hiding this comment

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

Properties should be ordered background-color, color, float, font-size, margin-right

margin: 2%;
}

#operation button {
Copy link

Choose a reason for hiding this comment

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

Avoid using id selectors
Merge rule #operation button with rule on line 331

color: $white;
}

#operation {
Copy link

Choose a reason for hiding this comment

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

Avoid using id selectors

}

.note {
display: inline-block;
Copy link

Choose a reason for hiding this comment

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

Properties should be ordered background-color, color, display, height, margin, width

//takenote
#takenote {
background-color: $link-color;
color: $white;
Copy link

Choose a reason for hiding this comment

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

Properties should be ordered background-color, bottom, color, position, right

@@ -309,3 +309,56 @@ button,
width: 0%;
z-index: 10000;
}

//takenote
#takenote {
Copy link

Choose a reason for hiding this comment

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

Avoid using id selectors

@Palaksharma23
Copy link
Member Author

image I think if we can have the notes at the place where a user has selected a text that will be much helpful.

Like according to me the user end flow must be like this user select a text -> notes button visible -> notes pad inserted at the place where user has selected the text

yes sir @ayan-biswas0412 this is a great idea 💡 I will commit this asap
just one query that when a user take notes by selecting the text where should that note be display at the end of the page or inline with the text or on the right side of the page

@ayan-biswas0412
Copy link
Member

image I think if we can have the notes at the place where a user has selected a text that will be much helpful.
Like according to me the user end flow must be like this user select a text -> notes button visible -> notes pad inserted at the place where user has selected the text

yes sir @ayan-biswas0412 this is a great idea 💡 I will commit this asap just one query that when a user take notes by selecting the text where should that note be display at the end of the page or inline with the text or on the right side of the page

Actually what happens in google docs commenting system, that's same i was suggesting.
Ref : Google Docs Comments

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.

Feature to take notes in interactive book
2 participants