feat: nicer smart filters & folders theme (#795)

* fix: color add button and drop

* fix: color scrollbars

* fix: remove infinite scroll and fix scrollbars

* fix: plus icon center

* fix: navigation padding, structure simplif and naming

* fix: simplify scrollbars

* fix: scroll bar simplif + scheme in macos

* fix: magic variables to const

* refactor: extract panel ref state

* refactor: remove dead code, simple macos theme

app/assets/javascripts/directives/functional/index.ts

@@ -3,7 +3,6 @@ export { clickOutside } from './click-outside';
 export { delayHide } from './delay-hide';
 export { elemReady } from './elemReady';
 export { fileChange } from './file-change';
-export { infiniteScroll } from './infiniteScroll';
 export { lowercase } from './lowercase';
 export { selectOnFocus } from './selectOnFocus';
 export { snEnter } from './snEnter';

app/assets/javascripts/directives/functional/infiniteScroll.ts

@@ -1,26 +0,0 @@
-import { debounce } from '@/utils';
-/* @ngInject */
-export function infiniteScroll() {
-  return {
-    link: function (scope: ng.IScope, elem: JQLite, attrs: any) {
-      const scopeAny = scope as any;
-      const offset = parseInt(attrs.threshold) || 0;
-      const element = elem[0];
-      scopeAny.paginate = debounce(() => {
-        scope.$apply(attrs.infiniteScroll);
-      }, 10);
-      scopeAny.onScroll = () => {
-        if (
-          scope.$eval(attrs.canLoad) &&
-          element.scrollTop + element.offsetHeight >= element.scrollHeight - offset
-        ) {
-          scopeAny.paginate();
-        }
-      };
-      elem.on('scroll', scopeAny.onScroll);
-      scope.$on('$destroy', () => {
-        elem.off('scroll', scopeAny.onScroll);
-      });
-    }
-  };
-}