diff --git a/client/source/sass/components/_base-menu.scss b/client/source/sass/components/_base-menu.scss index 55b23d29..f7054ebb 100644 --- a/client/source/sass/components/_base-menu.scss +++ b/client/source/sass/components/_base-menu.scss @@ -69,4 +69,12 @@ $menu--item--foreground--active: $blue; } } } + + &-enter { + animation: fade-in 0.25s both; + } + + &-leave { + animation: fade-out 0.25s both; + } } diff --git a/client/source/sass/components/_dropdown.scss b/client/source/sass/components/_dropdown.scss index de38e7b0..e54861ae 100644 --- a/client/source/sass/components/_dropdown.scss +++ b/client/source/sass/components/_dropdown.scss @@ -111,20 +111,6 @@ $dropdown--item--foreground--active: $menu--item--foreground--active; } } -.dropdown { - - &__content { - - &-enter { - animation: fade-in 0.25s both; - } - - &-leave { - animation: fade-out 0.25s both; - } - } -} - .dropdown { &__content { diff --git a/client/source/scripts/components/forms/Dropdown.js b/client/source/scripts/components/forms/Dropdown.js index 9c45fa34..bc8c4ba1 100644 --- a/client/source/scripts/components/forms/Dropdown.js +++ b/client/source/scripts/components/forms/Dropdown.js @@ -137,7 +137,7 @@ export default class Dropdown extends React.Component {
{this.getDropdownButton()} {menu} diff --git a/client/source/scripts/components/torrent-list/TorrentList.js b/client/source/scripts/components/torrent-list/TorrentList.js index 400e7369..8265f6a2 100644 --- a/client/source/scripts/components/torrent-list/TorrentList.js +++ b/client/source/scripts/components/torrent-list/TorrentList.js @@ -322,7 +322,12 @@ export default class TorrentListContainer extends React.Component { content = (