Merge pull request #144 from opcodesio/ui-fixes

a few UI fixes

Author: arukompas

public/app.css

@@ -481,6 +481,7 @@ html.dark {
 
             .file-name {
                 @apply text-sm mr-3 w-full;
+                word-break: break-word;
             }
 
             .file-size {

public/app.js

@@ -43,7 +43,7 @@ class="relative folder-container"
         >
             <div class="folder-item-container"
                  x-on:click="$store.fileViewer.toggle(folder)"
-                 x-bind:class="[$store.fileViewer.isOpen(folder) ? 'active-folder' : '', $store.fileViewer.shouldBeSticky(folder) ? 'sticky z-10' : '']"
+                 x-bind:class="[$store.fileViewer.isOpen(folder) ? 'active-folder' : '', $store.fileViewer.shouldBeSticky(folder) ? 'sticky ' + (open ? 'z-20' : 'z-10') : '' ]"
                  x-bind:style="{ top: $store.fileViewer.isOpen(folder) ? ($store.fileViewer.folderTops[folder] || 0) : 0 }"
                  x-data="dropdown"
                  x-on:keydown.escape.prevent.stop="close($refs.button)"
@@ -52,7 +52,7 @@ class="relative folder-container"
             >
                 <div class="file-item">
                     @include('log-viewer::partials.folder-icon')
-                    <div class="file-name @if($folder->isRoot()) text-gray-500 dark:text-gray-400 @endif">{{ $folder->cleanPath() }}</div>
+                    <div class="file-name">@if(\Illuminate\Support\Str::startsWith($folder->cleanPath(),'root'))<span class="text-gray-500 dark:text-gray-400">root</span>{{ substr($folder->cleanPath(), 4) }}@else{{ $folder->cleanPath() }}@endif</div>
                     <button type="button" class="file-dropdown-toggle"
                             x-ref="button" x-on:click.stop="toggle()" :aria-expanded="open" :aria-controls="$id('dropdown-button')"
                     >

resources/css/app.scss

@@ -47,11 +47,7 @@ public function cleanPath(): string
 
         $folder = $this->path;
 
-        if (str_contains($folder, $storageLogsFolder = DIRECTORY_SEPARATOR.'storage'.DIRECTORY_SEPARATOR.'logs')) {
-            // If we have /something/storage/logs, then we can remove it to make the string cleaner.
-            // storage/logs is implied on Laravel environments.
-            $folder = str_replace($storageLogsFolder, '', $folder);
-        }
+        $folder = str_replace(LogViewer::basePathForLogs(), 'root'.DIRECTORY_SEPARATOR, $folder);
 
         if ($unixHomePath = getenv('HOME')) {
             $folder = str_replace($unixHomePath, '~', $folder);