rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: remove animations from context menu

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-24 10:51:24 -03:00
parent 0a433ff5d4
commit 633add73c9
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/NotesOptionsPanel.tsx
View File

@@ -71,7 +71,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
...position, ...position,
maxHeight maxHeight
}} }}
className="sn-dropdown max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed" className="sn-dropdown sn-dropdown--animated max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
> >
{open && ( {open && (
<NotesOptions <NotesOptions

2
app/assets/javascripts/components/SearchOptions.tsx
View File

@@ -63,7 +63,7 @@ const SearchOptions = observer(({ appState }: Props) => {
style={{ style={{
top: optionsPanelTop, top: optionsPanelTop,
}} }}
className="sn-dropdown sn-dropdown-anchor-right absolute grid gap-2 py-2" className="sn-dropdown sn-dropdown--anchor-right sn-dropdown--animated absolute grid gap-2 py-2"
> >
<Switch <Switch
className="h-10" className="h-10"

11
app/assets/stylesheets/_sn.scss
View File

@@ -208,21 +208,24 @@
.sn-dropdown { .sn-dropdown {
@extend .bg-default; @extend .bg-default;
@extend .min-w-80; @extend .min-w-80;
@extend .transition-transform;
@extend .duration-150;
@extend .slide-down-animation;
@extend .rounded; @extend .rounded;
@extend .box-shadow; @extend .box-shadow;
z-index: $z-index-dropdown-menu; z-index: $z-index-dropdown-menu;
&.sn-dropdown-anchor-right { &.sn-dropdown--anchor-right {
right: 0; right: 0;
} }
&[data-state='collapsed'] { &[data-state='collapsed'] {
display: none; display: none;
} }
&.sn-dropdown--animated {
@extend .transition-transform;
@extend .duration-150;
@extend .slide-down-animation;
}
} }
/** Lesser specificity will give priority to reach's styles */ /** Lesser specificity will give priority to reach's styles */