@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
88 lines • 2.55 kB
CSS
/*
Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
.progress {
display: flex;
flex-direction: column;
}
.progress .header {
margin: 12px 0 20px;
}
.progress .header .title {
font-weight: 600;
}
.progress .header .progressIndicator {
margin-top: 10px;
}
.progress .header .progressSubtext {
font-size: 12px;
}
.progress .header .longRunningText {
font-size: 12px;
color: "[theme: bodySubtext, default: #666666]";
margin: 12px 0 0;
}
.progress .actionsContainer {
overflow-y: auto;
margin-bottom: 20px;
}
.progress .actionsContainer .actionContainer {
margin-bottom: 20px;
}
.progress .actionsContainer .actionContainer .actionHeader {
display: flex;
}
.progress .actionsContainer .actionContainer .actionHeader .actionIcon {
margin-right: 8px;
line-height: 16px;
font-size: 16px;
flex-shrink: 0;
font-weight: 700;
}
.progress .actionsContainer .actionContainer .actionHeader .actionIcon.successIcon {
color: "[theme: accent, default: #038387]";
}
.progress .actionsContainer .actionContainer .actionHeader .actionIcon.errorIcon {
color: "[theme: errorText, default: #a80000]";
}
.progress .actionsContainer .actionContainer .actionHeader .actionIcon.inactiveIcon {
color: "[theme: disableSubtext, default: #d0d0d0]";
}
.progress .actionsContainer .actionContainer .actionHeader .spinner {
display: inline-block;
}
.progress .actionsContainer .actionContainer .actionHeader .label {
font-size: 14px;
flex-shrink: 1;
flex-grow: 1;
flex-basis: 0;
overflow-wrap: break-word;
word-wrap: break-word;
line-height: 16px;
color: "[theme: bodyText, default: #333333]";
}
.progress .actionsContainer .actionContainer .actionHeader .label.inactive {
color: "[theme: disabledBodyText, default: #a6a6a6]";
}
.progress .actionsContainer .actionContainer .errorContainer {
margin-top: 8px;
}
.progress .actionsContainer .actionContainer .errorContainer .errorMessage {
margin-left: 24px;
color: "[theme: errorText, default: #a80000]";
line-height: 14px;
font-size: 14px;
font-weight: 700;
padding: 0;
}
.progress .actionsContainer .actionContainer .subActionsContainer {
margin-top: 8px;
}
.progress .actionsContainer .actionContainer .subActionsContainer .label {
color: "[theme: bodySubtext, default: #666666]";
margin-left: 24px;
font-size: 11px;
}
.progress .actionsContainer .actionContainer .subActionsContainer .label.inactive {
color: "[theme: disabledBodySubtext, default: #666666]";
}