diff --git a/resources/css/app.css b/resources/css/app.css index 4874b60767..7ab8274949 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -2979,6 +2979,26 @@ input[type="search"]::-webkit-search-results-decoration { width: 100%; } +/* The dialog body is already the well: the log sits in it directly, without + its own box. */ +.process-dialog-body .activity-monitor-log { + padding: 0; + border: 0; + border-radius: 0; + background: transparent; +} + +/* Show the status of the activity monitor next to the dialog title. */ +.process-dialog-status { + display: none; +} + +.process-dialog:has([data-activity-status="running"]) .process-dialog-status-running, +.process-dialog:has([data-activity-status="finished"]) .process-dialog-status-finished, +.process-dialog:has([data-activity-status="failed"]) .process-dialog-status-failed { + display: inline-flex; +} + .validation-installation-logs { border: 1px solid var(--coollabs-fill); } diff --git a/resources/views/components/process-dialog.blade.php b/resources/views/components/process-dialog.blade.php index 193e5680ce..7a12d57659 100644 --- a/resources/views/components/process-dialog.blade.php +++ b/resources/views/components/process-dialog.blade.php @@ -66,9 +66,18 @@ ]) style="box-shadow: 0 0 0 1px var(--coollabs-hairline), var(--shadow-modal)">
-

- {{ $title }} -

+
+

+ {{ $title }} +

+ + + Finished + + + Failed + +