Merge remote-tracking branch 'origin/develop-addpanelpanel' into add-panel-rewrite

public/app/features/dashboard/specs/AddPanelPanel.test.tsx

@@ -32,11 +32,6 @@ describe('AddPanelPanel', () => {
     wrapper = shallow(<AddPanelPanel panel={panel} dashboard={dashboardMock} />);
   });
 
-  it('should fetch all panels sorted with core plugins first', () => {
-    expect(wrapper.find('.add-panel__item').get(1).props.title).toBe('singlestat');
-    expect(wrapper.find('.add-panel__item').get(4).props.title).toBe('piechart');
-  });
-
   it('should filter', () => {
     wrapper.find('input').simulate('change', { target: { value: 'p' } });
 

public/sass/components/_panel_add_panel.scss

@@ -4,20 +4,17 @@
 
 .add-panel {
   height: 100%;
-
-  .baron__root {
-    height: calc(100% - 43px);
-  }
+  //display: flex;
+  //flex-direction: column;
 }
 
 .add-panel__header {
+  top: 0;
+  position: absolute;
   padding: 0 15px;
   display: flex;
   align-items: center;
-  background: $page-header-bg;
-  box-shadow: $page-header-shadow;
-  border-bottom: 1px solid $page-header-border-color;
-
+  width: 100%;
   .gicon {
     font-size: 30px;
     margin-right: $spacer;
@@ -32,18 +29,6 @@
   margin-right: -10px;
 }
 
-.add-panel__title {
-  font-size: $font-size-md;
-  margin-right: $spacer*2;
-}
-
-.add-panel__sub-title {
-  font-style: italic;
-  color: $text-muted;
-  position: relative;
-  top: 1px;
-}
-
 .add-panel__items {
   padding: 3px 8px;
   display: flex;
@@ -97,3 +82,10 @@
   width: 100%;
   padding: 3px 8px;
 }
+
+.add-panel-btn-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}