fix: tab sizing for user interactions and adds focus to new tabs

* Fixed tab sizing for user interactions.

* Fixed/added focus to newly opened tabs.

src/main/window/WindowManager.ts

@@ -48,6 +48,7 @@ class WindowManager {
   figmaUiScale: number;
   panelScale: number;
   closedTabsHistory: Array<string> = [];
+  tabsWereRestored: boolean;
   themes: Themes.Theme[] = [];
   currentTheme: Themes.Theme;
   creatorTheme: Themes.Theme;
@@ -64,6 +65,7 @@ class WindowManager {
     this.figmaUiScale = storage.get().ui.scaleFigmaUI;
     this.panelScale = storage.get().ui.scalePanel;
     this.figmaUserIDs = storage.get().authedUserIDs;
+    this.tabsWereRestored = false;
 
     const options: E.BrowserWindowConstructorOptions = {
       width: 1200,
@@ -151,12 +153,17 @@ class WindowManager {
       tabs.forEach((tab, i) => {
         setTimeout(() => {
           this.addTab("loadContent.js", tab.url, tab.title);
+          if (i === tabs.length - 1) {
+            this.tabsWereRestored = true;
+          }
         }, 500 * i);
       });
 
       storage.clearLastOpenedTabs();
 
       MenuState.updateInFileBrowserActionState();
+    } else {
+      this.tabsWereRestored = true;
     }
   };
 
@@ -670,12 +677,18 @@ class WindowManager {
     MenuState.updateActionState(Const.ACTIONTABSTATE);
 
     this.mainWindow.addBrowserView(tab.view);
-    this.mainWindow.setTopBrowserView(this.mainTab);
+    if (this.lastFocusedTab && this.tabsWereRestored && this.lastFocusedTab.id !== tab.view.webContents.id) {
+      this.focusTab(tab.view.webContents.id);
+    } else {
+      this.focusMainTab();
+    }
     this.mainWindow.webContents.send("didTabAdd", {
       id: tab.view.webContents.id,
       url,
       showBackBtn: true,
       title,
+      focused:
+        this.lastFocusedTab && this.tabsWereRestored ? this.lastFocusedTab.id === tab.view.webContents.id : false,
     });
 
     tab.view.webContents.session.setPermissionRequestHandler((webContents, permission, cb) => {

src/renderer/components/Tabs/style.scss

@@ -17,6 +17,7 @@
   background-color: var(--bg-tab);
   color: var(--fg-tab);
   fill: var(--fg-tab);
+  -webkit-app-region: no-drag;
 
   &:hover {
     background-color: var(--bg-tab-hover);
@@ -37,7 +38,6 @@
     font-size: var(--fontControlSize);
     margin-right: 6px;
     opacity: 0.4;
-    -webkit-app-region: no-drag;
   }
 
   &:hover .tab__text {
@@ -50,7 +50,6 @@
     fill: var(--fg-tab);
     opacity: 0;
     display: inline-flex;
-    -webkit-app-region: no-drag;
 
     &:hover {
       color: var(--fg-tab-hover);