feat: Add new "Change Editor" option to note context menu (#823)

* feat: add editor icon

* refactor: remove 'any' type and format

* refactor: move NotesOptions and add ChangeEditorOption

* refactor: fix type for using regular RefObject<T>

* feat: add hide-if-last-child util class

* feat: add Change Editor option

* feat: make radio btn gray if not checked

* fix: accordion menu header and item sizing/spacing

* feat: add Escape key to KeyboardKey enum

* refactor: Remove Editor Menu

* feat: add editor select functionality

* refactor: move plain editor name to constant

* feat: add premium editors with modal if no subscription

refactor: simplify menu group creation

* feat: show alert when switching to non-interchangeable editor

* fix: change editor menu going out of bounds

* feat: increase group header & editor item size

* fix: change editor menu close on blur

* refactor: Use KeyboardKey enum & remove else statement

* feat: add keyboard navigation to change editor menu

* fix: editor menu separators

* feat: improve change editor menu sizing & spacing

* feat: show alert only if editor is not interchangeable

* feat: don't show alert when switching to/from plain editor

* chore: bump snjs version

* feat: temporarily remove change editor alert

* feat: dynamically get footer height

* refactor: move magic number to const

* refactor: move constants to constants file

* feat: use const instead of magic number
This commit is contained in:
Aman Harwara
2022-01-29 01:53:39 +05:30
committed by GitHub
parent 6aa926c2b0
commit b932e2a45e
21 changed files with 932 additions and 384 deletions

View File

@@ -249,6 +249,10 @@
margin-left: 0rem !important;
}
.ml-0\.5 {
margin-left: 0.125rem;
}
.ml-3 {
margin-left: 0.75rem;
}
@@ -374,6 +378,10 @@
min-width: 7.5rem;
}
.min-w-68 {
min-width: 17rem;
}
.min-w-90 {
min-width: 22.5rem;
}
@@ -687,9 +695,13 @@
@extend .h-4;
@extend .border-2;
@extend .border-solid;
@extend .border-info;
@extend .rounded-full;
@extend .relative;
border-color: var(--sn-stylekit-grey-1);
&--checked {
@extend .border-info;
}
}
.pseudo-radio-btn--checked::after {
@@ -819,3 +831,7 @@
cursor: default;
pointer-events: none;
}
.hide-if-last-child:last-child {
display: none;
}