Nav Design change

force-app/main/default/lwc/UtilityComponents/lwc/splitscreen/splitscreen.js

@@ -17,13 +17,9 @@ export default class Splitscreen extends LightningElement {
   }
   //changes for close and fullscreen buttons
   get rightSectionStyle() {
-    console.log("fullscreen: right", this.fullScreen);
-    if (this.closeLog) {
-      return "width: 0%;";
-    } else if (!this.fullScreen) {
-      return `width: ${100 - this.leftWidth}%;`;
-    }
-    return "width: 100%;";
+    if (this.closeLog) { return 'width: 0%;' }
+    else if (!this.fullScreen) { return `width: ${100 - this.leftWidth}%;` }
+    else { return 'width: 100%;' }
   }
 
   startResize(event) {

force-app/main/default/lwc/detailedLogViewer/detailedLogViewer.css

@@ -5,7 +5,20 @@
   height: 65vh;
 }
 
-.nav-bar {
+.nav-bar{
   background-color: rgb(22 50 92);
+}
+
+.logHead {
   color: white;
+  font-family: monospace;
+  font-size: 15px;
 }
+
+.nav-btn{
+  --slds-c-icon-color-foreground:white;
+  --slds-c-button-color-border:white;
+  --slds-c-button-sizing-border:0px;
+}
+
+

force-app/main/default/lwc/detailedLogViewer/detailedLogViewer.html

@@ -1,6 +1,6 @@
 <template>
   <div class="log-container">
-    <div class="nav-bar sld">
+    <div class="nav-bar">
       <div class="slds-grid">
         <div class="slds-col slds-size_1-of-12">
           <lightning-button-icon
@@ -9,7 +9,7 @@
             variant="border-inverse"
             title="Close"
             onclick={closeLogViewer}
-            size="medium"
+            size="medium" class="nav-btn"
           ></lightning-button-icon>
         </div>
         <div class="slds-col slds-size_10-of-12">
@@ -21,12 +21,12 @@
               title="back"
               onclick={handleBackward}
               disabled={lowerLimitReached}
-              size="medium"
+              size="medium" class="nav-btn"
             ></lightning-button-icon>
             <h2
               class="slds-text-heading_small slds-show_inline-block heading slds-var-m-horizontal_small"
             >
-              <span class="slds-truncate" title="Some Title of Some class"
+              <span class="slds-truncate slds-text-align_center logHead" title="Some Title of Some class"
                 ><template lwc:if={LogHeaderDetails}
                   >{LogHeaderDetails.name}</template
                 >
@@ -39,7 +39,7 @@
               title="Next CodeUnit"
               onclick={handleForward}
               disabled={upperLimitReached}
-              size="medium"
+              size="medium" class="nav-btn"
             ></lightning-button-icon>
           </div>
         </div>
@@ -51,6 +51,7 @@
             title="Full Screen"
             size="medium"
             onclick={fullscreen}
+            class="nav-btn"
           ></lightning-button-icon>
         </div>
       </div>

force-app/main/default/lwc/detailedLogViewer/detailedLogViewer.js

@@ -37,7 +37,6 @@ export default class DetailedLogViewer extends LightningElement {
         detail:{isFullScreen:this.minimize}
       }));
       this.minimize=!(this.minimize);
-      console.log(this.minimize)
   }
 
   connectedCallback() {

force-app/main/default/lwc/logAnalysisView/logAnalysisView.js

@@ -84,6 +84,7 @@ class LogLine {
 export default class LogAnalysisView extends LightningElement {
   closeLog=false
   fullScreen =false
+  resetSplit=false
   @api codeUnits;
   idLimitMin = IdBase;
   idLimitMax;
@@ -106,6 +107,7 @@ export default class LogAnalysisView extends LightningElement {
   currentLogIdx = 0;
   //close button
   setLogViewCol() {
+    console.log("close log true")
     this.closeLog=true
     //this.logViewCol = 12;
   }
@@ -123,6 +125,9 @@ export default class LogAnalysisView extends LightningElement {
     // this.currentLogId = codeUnitId;
     const payload = { logId: codeUnitId };
     publish(this.messageContext, LOG_ANALYSIS_STATE, payload);
+
+    //adding for re-opening log
+    this.closeLog=false
   }
   setSelectedTreeNode(event) {
     this.test[0].a = this.test[0].a === "102" ? "103" : "102";