diff --git a/' b/' deleted file mode 100644 index 61ae44e0aba..00000000000 --- a/' +++ /dev/null @@ -1,134 +0,0 @@ - - -.sidemenu { - display: flex; - flex-flow: column; - flex-direction: column; - width: $side-menu-width; - background-color: $side-menu-bg; - z-index: 1; - - a:focus { - text-decoration: none; - } -} - -.sidemenu__top { - flex-grow: 1; -} - -.sidemenu__bottom { - padding-bottom: $spacer; -} - -.sidemenu-item { - position: relative; - @include left-brand-border(); - - &.active, - &:hover { - background-color: $side-menu-item-hover-bg; - @include left-brand-border-gradient(); - - .dropdown-menu { - margin: 0; - display: block; - opacity: 0; - top: 0px; - // important to overlap it otherwise it can be hidden - // again by the mouse getting outside the hover space - left: $side-menu-width - 2px; - @include animation('dropdown-anim 100ms ease-in-out 100ms forwards'); - z-index: 1; - } - } -} - -.dropup.sidemenu-item:hover .dropdown-menu { - top: auto !important; -} - -.sidemenu-link { - color: $link-color; - line-height: 42px; - padding: 0px 10px 0px 10px; - display: block; - position: relative; - font-size: 16px; - border: 1px solid transparent; - - img { - border-radius: 50%; - width: 28px; - height: 28px; - box-shadow: 0 0 14px 2px rgba(255,255,255, 0.05); - } -} - -@include keyframes(dropdown-anim) { - 0% { - opacity: 0; - //transform: translate3d(-5%,0,0); - } - 100% { - opacity: 1; - //transform: translate3d(0,0,0); - } -} - -.icon-circle { - width: 35px; - height: 35px; - display: inline-block; - i { - color: $link-color; - opacity: .7; - position: relative; - left: 3px; - font-size: 130%; - } - - .fa { - top: 2px; - } - - .icon-gf { - top: 5px; - } - - img { - left: 3px; - position: relative; - } -} - -.side-menu-header { - padding: 10px 10px 10px 20px; - white-space: nowrap; - background-color: $side-menu-item-hover-bg; - font-size: 17px; -} - -li.sidemenu-org-switcher { - border-bottom: 1px solid $dropdownDividerBottom; -} - -.sidemenu-org-switcher__org-name { - font-size: $font-size-base; -} - -.sidemenu-org-switcher__org-current { - font-size: $font-size-xs; - color: $text-color-weak; -} - -.sidemenu-org-switcher__switch { - font-size: $font-size-sm; - padding-left: 1.5rem; - display: flex; - align-items: center; - i.fa > { - margin-right: 5px; - top: 0; - } -} diff --git a/package.json b/package.json index 4b29ebdccfb..2c03020a86f 100644 --- a/package.json +++ b/package.json @@ -65,7 +65,7 @@ "dependencies": { "eventemitter3": "^2.0.2", "gaze": "^1.1.2", - "gemini-scrollbar": "^1.5.2", + "gemini-scrollbar": "https://github.com/grafana/gemini-scrollbar#grafana", "grunt-jscs": "3.0.1", "grunt-sass-lint": "^0.2.2", "grunt-sync": "^0.6.2", diff --git a/public/app/core/components/scroll/scroll.ts b/public/app/core/components/scroll/scroll.ts index 06bdcb8c864..c2e75df84c0 100644 --- a/public/app/core/components/scroll/scroll.ts +++ b/public/app/core/components/scroll/scroll.ts @@ -12,6 +12,10 @@ export function geminiScrollbar() { autoshow: false, element: elem[0] }).create(); + + scope.$on('$destroy', () => { + myScrollbar.destroy(); + }); } }; } diff --git a/public/app/core/components/search/search.html b/public/app/core/components/search/search.html index 9e24941ba81..57fa3bb894a 100644 --- a/public/app/core/components/search/search.html +++ b/public/app/core/components/search/search.html @@ -40,35 +40,38 @@