dont show popout in firefox sidebar

src/popup/components/pop-out.component.ts

@@ -20,11 +20,14 @@ export class PopOutComponent implements OnInit {
     @Input() show = true;
 
     constructor(private analytics: Angulartics2, private platformUtilsService: PlatformUtilsService,
-        private popupUtilsService: PopupUtilsService) {}
+        private popupUtilsService: PopupUtilsService) { }
 
     ngOnInit() {
         if (this.show) {
             this.show = !this.platformUtilsService.isSafari();
+            if (this.show && this.popupUtilsService.inSidebar(window) && this.platformUtilsService.isFirefox()) {
+                this.show = false;
+            }
         }
     }
 

src/popup/scss/base.scss

@@ -177,7 +177,7 @@ header {
         .fa {
             position: absolute;
             top: 15px;
-            left: 10px;
+            left: 20px;
             color: lighten($brand-primary, 30%);
         }
 
@@ -204,6 +204,10 @@ header {
 
     .left + .search {
         padding-left: 0;
+
+        .fa {
+            left: 10px;
+        }
     }
 
     .search + .right {

src/popup/vault/groupings.component.html

@@ -1,5 +1,5 @@
 <header>
-    <div class="left">
+    <div class="left" *ngIf="showLeftHeader">
         <app-pop-out></app-pop-out>
     </div>
     <div class="search">

src/popup/vault/groupings.component.ts

@@ -50,6 +50,7 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
     searchText: string;
     state: any;
     scopeState: any;
+    showLeftHeader = true;
 
     private loadedTimeout: number;
     private selectedTimeout: number;
@@ -77,6 +78,7 @@ export class GroupingsComponent extends BaseGroupingsComponent implements OnInit
     }
 
     async ngOnInit() {
+        this.showLeftHeader = !(this.popupUtils.inSidebar(window) && this.platformUtilsService.isFirefox());
         this.stateService.remove('CiphersComponent');
 
         this.broadcasterService.subscribe(ComponentId, (message: any) => {