587031c09f
This change introduces a task viewer component to the UI which will allow users to monitor the progress of long running tasks without having to stay on a particular tab. Tasks are created and attached to CTL event processors and injected into phase clients so that status message updates can be displayed dynamically. Still TODO at some point is utilizing backend caching to tie tasks to the users who initiated them so that browser refreshes (i.e. new session IDs) won't empty the task viewer for that user. Change-Id: I38aa03d2660d1fcc2bad6ecda718015602e25b6a
65 lines
1.3 KiB
CSS
65 lines
1.3 KiB
CSS
/*
|
|
# Licensed under the Apache License, Version 2.0 (the "License");
|
|
# you may not use this file except in compliance with the License.
|
|
# You may obtain a copy of the License at
|
|
#
|
|
# http://www.apache.org/licenses/LICENSE-2.0
|
|
#
|
|
# Unless required by applicable law or agreed to in writing, software
|
|
# distributed under the License is distributed on an "AS IS" BASIS,
|
|
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
# See the License for the specific language governing permissions and
|
|
# limitations under the License.
|
|
*/
|
|
|
|
.white-icon {
|
|
color: white;
|
|
margin-right: 25px;
|
|
}
|
|
|
|
.green-icon {
|
|
color: green;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.error-icon {
|
|
color: red;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.grey-icon {
|
|
color: grey;
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
|
|
.title {
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.task-overlay {
|
|
width: 600px;
|
|
height: 400px;
|
|
background-color: white;
|
|
}
|
|
|
|
.overlay-container {
|
|
width: 600px;
|
|
height: 400px;
|
|
background-color: white;
|
|
border: 2px solid rgb(101, 199, 194);
|
|
padding: 5px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.status-message {
|
|
word-wrap: break-word;
|
|
white-space: normal;
|
|
}
|
|
|
|
::ng-deep.multiline-tooltip {
|
|
white-space: pre-line;
|
|
}
|