Release/v5.4.3 (#5033)

* Fix spacing and layout of registered TopBar items (#4991)

* Fix: overlapped pod logs (#5029)

* release v5.4.3

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

Co-authored-by: Sebastian Malton <sebastian@malton.name>
Co-authored-by: Alex Andreev <alex.andreev.email@gmail.com>

package.json

@@ -3,7 +3,7 @@
   "productName": "OpenLens",
   "description": "OpenLens - Open Source IDE for Kubernetes",
   "homepage": "https://github.com/lensapp/lens",
-  "version": "5.4.2",
+  "version": "5.4.3",
   "main": "static/build/main.js",
   "copyright": "© 2021 OpenLens Authors",
   "license": "MIT",

src/renderer/components/dock/logs/store.ts

@@ -120,7 +120,7 @@ export class LogStore {
       previous: showPrevious,
     });
 
-    return result.trimEnd().split("\n");
+    return result.trimEnd().replace(/\r/g, "\n").split("\n");
   }
 
   /**

src/renderer/components/layout/top-bar/top-bar.module.scss

@@ -13,10 +13,33 @@
   justify-content: space-between;
 
   /* Use topbar as draggable region */
-  -webkit-user-select: none;
+  user-select: none;
   -webkit-app-region: drag;
 }
 
+.topBar .items {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  -webkit-app-region: no-drag;
+
+  &:first-of-type {
+    padding-left: 1.5rem;
+
+    & > * {
+      margin-right: 1rem;
+    }
+  }
+
+  &:last-of-type {
+    padding-right: 1.5rem;
+
+    & > * {
+      margin-left: 1rem;
+    }
+  }
+}
+
 :global(.is-mac) .topBar {
   padding-left: var(--hotbar-width);
 }
@@ -39,23 +62,8 @@
   }
 }
 
-.tools {
-  @apply flex items-center;
-  -webkit-app-region: no-drag;
-}
-
-.controls {
-  align-self: flex-end;
-  padding-right: 1.5rem;
-  align-items: center;
-  display: flex;
-  height: 100%;
-  -webkit-app-region: no-drag;
-}
-
 .windowButtons {
   display: flex;
-  margin-left: 1.5rem;
   margin-right: -1.5rem;
 
   > div {
@@ -94,7 +102,8 @@
   }
 }
 
-.minimize, .maximize {
+.minimize,
+.maximize {
   &:hover {
     background-color: var(--borderFaintColor);
   }

src/renderer/components/layout/top-bar/top-bar.tsx

@@ -22,7 +22,7 @@ import { WindowAction } from "../../../../common/ipc/window";
 import isLinuxInjectable from "../../../../common/vars/is-linux.injectable";
 import isWindowsInjectable from "../../../../common/vars/is-windows.injectable";
 
-export interface TopBarProps extends React.HTMLAttributes<any> {}
+export interface TopBarProps {}
 
 interface Dependencies {
   items: IComputedValue<TopBarRegistration[]>;
@@ -41,7 +41,7 @@ ipcRendererOn("history:can-go-forward", (event, state: boolean) => {
   nextEnabled.set(state);
 });
 
-const NonInjectedTopBar = observer(({ items, children, isWindows, isLinux, ...rest }: TopBarProps & Dependencies) => {
+const NonInjectedTopBar = observer(({ items, isWindows, isLinux }: TopBarProps & Dependencies) => {
   const elem = useRef<HTMLDivElement>();
 
   const openAppContextMenu = () => {
@@ -61,12 +61,9 @@ const NonInjectedTopBar = observer(({ items, children, isWindows, isLinux, ...re
   };
 
   const windowSizeToggle = (evt: React.MouseEvent) => {
-    if (elem.current != evt.target) {
-      // Skip clicking on child elements
-      return;
-    }
-
+    if (elem.current === evt.target) {
       toggleMaximize();
+    }
   };
 
   const minimizeWindow = () => {
@@ -84,8 +81,8 @@ const NonInjectedTopBar = observer(({ items, children, isWindows, isLinux, ...re
   useEffect(() => watchHistoryState(), []);
 
   return (
-    <div className={styles.topBar} onDoubleClick={windowSizeToggle} ref={elem} {...rest}>
-      <div className={styles.tools}>
+    <div className={styles.topBar} onDoubleClick={windowSizeToggle} ref={elem}>
+      <div className={styles.items}>
         {(isWindows || isLinux) && (
           <div className={styles.winMenu}>
             <div onClick={openAppContextMenu} data-testid="window-menu">
@@ -100,28 +97,24 @@ const NonInjectedTopBar = observer(({ items, children, isWindows, isLinux, ...re
         <Icon
           data-testid="home-button"
           material="home"
-          className="ml-4"
           onClick={goHome}
           disabled={isActiveRoute(catalogRoute)}
         />
         <Icon
           data-testid="history-back"
           material="arrow_back"
-          className="ml-5"
           onClick={goBack}
           disabled={!prevEnabled.get()}
         />
         <Icon
           data-testid="history-forward"
           material="arrow_forward"
-          className="ml-5"
           onClick={goForward}
           disabled={!nextEnabled.get()}
         />
       </div>
-      <div className={styles.controls}>
+      <div className={styles.items}>
         {renderRegisteredItems(items.get())}
-        {children}
         {(isWindows || isLinux) && (
           <div className={cssNames(styles.windowButtons, { [styles.linuxButtons]: isLinux })}>
             <div className={styles.minimize} data-testid="window-minimize" onClick={minimizeWindow}>
@@ -147,22 +140,14 @@ const NonInjectedTopBar = observer(({ items, children, isWindows, isLinux, ...re
 });
 
 const renderRegisteredItems = (items: TopBarRegistration[]) => (
-  <div>
-    {items.map((registration, index) => {
+  items.map((registration, index) => {
     if (!registration?.components?.Item) {
       return null;
     }
 
-      return (
-        <div key={index}>
-          <registration.components.Item />
-        </div>
+    return <registration.components.Item key={index} />;
+  })
 );
-    })}
-  </div>
-);
-
-
 
 export const TopBar = withInjectables<Dependencies, TopBarProps>(NonInjectedTopBar, {
   getProps: (di, props) => ({