This is an automated email from the ASF dual-hosted git repository.
rfellows pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/nifi.git
The following commit(s) were added to refs/heads/main by this push:
new 6206f0f008 [NIFI-13349] align angular material and tailwind typography
(#8918)
6206f0f008 is described below
commit 6206f0f008accde44666dedd26f53d243c9053a3
Author: Scott Aslan <[email protected]>
AuthorDate: Tue Jun 4 12:08:17 2024 -0500
[NIFI-13349] align angular material and tailwind typography (#8918)
* [NIFI-13349] align angular material and tailwind typography
* override default tailwind fontSize configurations to match up with
angular material typography configuration
* cleanup duplicate style
* add text-3xl tailwind configuration
* update primary-node-only to use text-sm
* replace .refresh-container with text-sm
* add comments for $subtitle-2 material typography config
* adjust $subtitle-2 font size and line height
This closes #8918
---
.../component-access-policies.component.html | 2 +-
.../component-access-policies.component.scss | 4 --
.../global-access-policies.component.html | 2 +-
.../global-access-policies.component.scss | 4 --
.../bulletin-board-list.component.scss | 4 --
.../bulletin-board/bulletin-board.component.html | 2 +-
.../pages/cluster/feature/cluster.component.html | 2 +-
.../cluster-node-detail-dialog.component.html | 2 +-
.../counter-listing/counter-listing.component.html | 2 +-
.../app/pages/error/feature/error.component.html | 4 +-
...ow-configuration-history-listing.component.html | 2 +-
.../change-color-dialog.component.html | 2 +-
.../change-color-dialog.component.scss | 9 ---
.../navigation-control.component.html | 2 +-
.../navigation-control.component.scss | 5 --
.../operation-control.component.html | 2 +-
.../operation-control.component.scss | 5 --
.../header/flow-status/flow-status.component.scss | 1 -
.../new-canvas-item/new-canvas-item.component.html | 4 +-
.../new-canvas-item/new-canvas-item.component.scss | 2 -
.../ui/canvas/header/search/search.component.html | 2 +-
.../ui/canvas/header/search/search.component.scss | 2 -
.../import-from-registry.component.scss | 4 --
.../save-version-dialog.component.scss | 4 --
.../create-process-group.component.scss | 4 --
.../edit-processor/edit-processor.component.html | 2 +-
.../no-registry-clients-dialog.component.html | 2 +-
.../controller-services.component.html | 2 +-
.../manage-remote-ports.component.html | 2 +-
.../app/pages/login/feature/login.component.html | 2 +-
.../edit-parameter-context.component.html | 2 +-
.../parameter-context-listing.component.html | 2 +-
.../provenance-event-listing.component.html | 2 +-
.../provenance-event-table.component.html | 2 +-
.../flowfile-dialog/flowfile-dialog.component.html | 6 +-
.../flowfile-dialog/flowfile-dialog.component.scss | 5 --
.../ui/queue-listing/queue-listing.component.html | 2 +-
.../feature/route-not-found.component.html | 2 +-
.../edit-flow-analysis-rule.component.html | 2 +-
.../flow-analysis-rules.component.html | 2 +-
.../management-controller-services.component.html | 2 +-
.../edit-parameter-provider.component.html | 2 +-
.../parameter-providers.component.html | 2 +-
.../edit-registry-client.component.html | 2 +-
.../registry-clients.component.html | 2 +-
.../edit-reporting-task.component.html | 2 +-
.../reporting-tasks/reporting-tasks.component.html | 2 +-
.../cluster-summary-dialog.component.html | 2 +-
.../port-status-table.component.html | 2 +-
.../connection-status-table.component.html | 2 +-
.../process-group-status-table.component.html | 2 +-
.../processor-status-table.component.html | 4 +-
.../processor-status-table.component.scss | 7 +--
...emote-process-group-status-table.component.html | 2 +-
.../ui/user-listing/user-listing.component.html | 2 +-
.../about-dialog/about-dialog.component.html | 6 +-
.../cancel-dialog/cancel-dialog.component.html | 2 +-
.../component-context.component.html | 2 +-
.../context-menu/context-menu.component.html | 8 ++-
.../context-menu/context-menu.component.scss | 18 ++----
.../disable-controller-service.component.html | 6 +-
.../edit-controller-service.component.html | 2 +-
.../enable-controller-service.component.html | 6 +-
.../edit-parameter-dialog.component.scss | 4 --
.../edit-tenant/edit-tenant-dialog.component.scss | 4 --
.../extension-creation.component.scss | 7 +--
.../ui/common/navigation/navigation.component.scss | 2 -
.../new-map-table-entry-dialog.component.scss | 4 --
.../new-property-dialog.component.scss | 4 --
.../ui/common/ok-dialog/ok-dialog.component.html | 2 +-
.../combo-editor/combo-editor.component.scss | 6 --
.../property-verification.component.html | 8 +--
.../provenance-event-dialog.component.html | 12 ++--
.../provenance-event-dialog.component.scss | 4 --
.../status-history/status-history.component.html | 2 +-
.../system-diagnostics-dialog.component.html | 22 ++++----
.../system-diagnostics-dialog.component.scss | 4 --
.../el-function-tip/el-function-tip.component.html | 2 +-
.../el-function-tip/el-function-tip.component.scss | 1 -
.../parameter-tip/parameter-tip.component.html | 2 +-
.../parameter-tip/parameter-tip.component.scss | 1 -
.../yes-no-dialog/yes-no-dialog.component.html | 2 +-
.../nifi/apps/nifi/src/assets/styles/_app.scss | 16 ------
.../nifi/apps/nifi/src/assets/themes/material.scss | 28 +++++-----
.../src/main/nifi/apps/nifi/tailwind.config.js | 64 +++++++++++++++++++++-
85 files changed, 177 insertions(+), 226 deletions(-)
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.html
index 5c0af4ab60..3218ae4265 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.html
@@ -119,7 +119,7 @@
</div>
}
<div class="flex justify-between mt-2">
- <div class="refresh-container flex items-center
gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshGlobalAccessPolicy()">
<i class="fa fa-refresh"
[class.fa-spin]="accessPolicyState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.scss
index da7e185aca..dfd3a63dfd 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/component-access-policies/component-access-policies.component.scss
@@ -16,10 +16,6 @@
*/
.component-access-policies {
- a {
- font-size: 16px;
- }
-
.policy-select {
.mat-mdc-form-field {
width: 300px;
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.html
index 50c825de4c..29cb43daba 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.html
@@ -141,7 +141,7 @@
</div>
}
<div class="flex justify-between mt-2">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshGlobalAccessPolicy()">
<i class="fa fa-refresh"
[class.fa-spin]="accessPolicyState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.scss
index 59a3503416..75a8201e4d 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/access-policies/ui/global-access-policies/global-access-policies.component.scss
@@ -16,10 +16,6 @@
*/
.global-access-policies {
- a {
- font-size: 16px;
- }
-
.resource-select {
.mat-mdc-form-field {
width: 300px;
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board-list/bulletin-board-list.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board-list/bulletin-board-list.component.scss
index c702c43987..b33f7cac34 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board-list/bulletin-board-list.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board-list/bulletin-board-list.component.scss
@@ -14,7 +14,3 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-
-.link {
- font-size: 16px;
-}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board.component.html
index 634734e00b..e6390baa85 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/bulletins/ui/bulletin-board/bulletin-board.component.html
@@ -28,7 +28,7 @@
[bulletinBoardItems]="bulletinBoardState.bulletinBoardItems"></bulletin-board-list>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<div class="mr-6">
<mat-slide-toggle color="primary"
[checked]="autoRefresh" (change)="autoRefreshToggle($event)"
>Auto-refresh</mat-slide-toggle
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/feature/cluster.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/feature/cluster.component.html
index 0714a092d6..45974f640e 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/feature/cluster.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/feature/cluster.component.html
@@ -47,7 +47,7 @@
</div>
<div class="flex justify-between align-middle">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refresh()">
<i class="fa fa-refresh"
[class.fa-spin]="listingStatus() === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/ui/cluster-node-listing/cluster-node-detail-dialog/cluster-node-detail-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/ui/cluster-node-listing/cluster-node-detail-dialog/cluster-node-detail-dialog.component.html
index f8bb6ffb4e..6f94eb3dc6 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/ui/cluster-node-listing/cluster-node-detail-dialog/cluster-node-detail-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/cluster/ui/cluster-node-listing/cluster-node-detail-dialog/cluster-node-detail-dialog.component.html
@@ -31,7 +31,7 @@
<div class="flex flex-col">
<div>Node Events</div>
@if (node.events && node.events.length > 0) {
- <div class="accent-color font-medium text-sm">
+ <div class="accent-color font-medium text-base">
<ul>
@for (event of node.events; track event) {
<li>{{ event.timestamp }} - {{ event.message
}}</li>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/counters/ui/counter-listing/counter-listing.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/counters/ui/counter-listing/counter-listing.component.html
index 2720d7b7ee..585a35237c 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/counters/ui/counter-listing/counter-listing.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/counters/ui/counter-listing/counter-listing.component.html
@@ -31,7 +31,7 @@
</div>
}
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshCounterListing()">
<i class="fa fa-refresh"
[class.fa-spin]="counterListingState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/error/feature/error.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/error/feature/error.component.html
index 2366b33e2a..cb5c7ea9c2 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/error/feature/error.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/error/feature/error.component.html
@@ -18,11 +18,11 @@
<div class="error-background pt-24 pl-24 h-screen">
@if (errorDetail$ | async; as errorDetail) {
<page-content [title]="errorDetail.title">
- <div class="text-sm">{{ errorDetail.message }}</div>
+ <div class="text-base">{{ errorDetail.message }}</div>
</page-content>
} @else {
<page-content title="Error">
- <div class="text-sm">Please check the logs or navigate home and
try again.</div>
+ <div class="text-base">Please check the logs or navigate home and
try again.</div>
</page-content>
}
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-configuration-history/ui/flow-configuration-history-listing/flow-configuration-history-listing.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-configuration-history/ui/flow-configuration-history-listing/flow-configuration-history-listing.component.html
index d703767be9..6f200a9521 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-configuration-history/ui/flow-configuration-history-listing/flow-configuration-history-listing.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-configuration-history/ui/flow-configuration-history-listing/flow-configuration-history-listing.component.html
@@ -110,7 +110,7 @@
</div>
<div class="flex justify-between align-middle mt-2">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refresh()">
<i class="fa fa-refresh" [class.fa-spin]="state.status
=== 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.html
index 7f8de7c74b..b51e538c9f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.html
@@ -34,7 +34,7 @@
<div class="flex flex-col">
<div class="flex gap-x-2 items-center">
<div class="logo flex flex-col items-center"
[style.background-color]="color">
- <i class="icon accent-color icon-processor
p-2" [style.color]="contrastColor"></i>
+ <i class="text-3xl accent-color icon-processor
p-2" [style.color]="contrastColor"></i>
</div>
<div class="flex flex-col flex-1">
<div class="context-name w-full">Processor
Name</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.scss
index c5708e7c19..b33f7cac34 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/change-color-dialog/change-color-dialog.component.scss
@@ -14,12 +14,3 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-.preview {
- .processor {
- .logo {
- .icon {
- font-size: 32px;
- }
- }
- }
-}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
index 5951b15c3a..275e09c68c 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.html
@@ -20,7 +20,7 @@
<div class="flex items-center">
<div class="fa fa-compass primary-color"></div>
@if (!navigationCollapsed || !shouldDockWhenCollapsed) {
- <div class="navigation-control-title">Navigation</div>
+ <div class="text-sm">Navigation</div>
}
</div>
@if (!navigationCollapsed || !shouldDockWhenCollapsed) {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.scss
index 8fe01ec734..dba8f435cb 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/navigation-control/navigation-control.component.scss
@@ -31,9 +31,4 @@ div.navigation-control {
text-align: center;
}
}
-
- .navigation-control-title {
- font-size: 12px;
- letter-spacing: 0.05rem;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
index e56dcddbcc..4e7d800fa6 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.html
@@ -20,7 +20,7 @@
<div class="flex items-center">
<div class="fa fa-hand-o-up primary-color"></div>
@if (!operationCollapsed || !shouldDockWhenCollapsed) {
- <div class="operation-control-title">Operation</div>
+ <div class="text-sm">Operation</div>
}
</div>
@if (!operationCollapsed || !shouldDockWhenCollapsed) {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.scss
index 897ab9e076..63415cd099 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/graph-controls/operation-control/operation-control.component.scss
@@ -31,9 +31,4 @@ div.operation-control {
text-align: center;
}
}
-
- .operation-control-title {
- font-size: 12px;
- letter-spacing: 0.05rem;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/flow-status/flow-status.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/flow-status/flow-status.component.scss
index d072a63497..5414141b19 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/flow-status/flow-status.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/flow-status/flow-status.component.scss
@@ -17,7 +17,6 @@
.flow-status {
box-sizing: content-box;
- font-size: 15px;
.fa,
.icon {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
index 5ebc6642ab..e530d7f860 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.html
@@ -22,9 +22,9 @@
[tooltipDisabled]="dragging"
[position]="tooltipPosition"
[delayClose]="false">
- <div class="h-16 w-16 pl-1.5 flex items-center justify-center relative
icon" [class]="iconClass"></div>
+ <div class="h-16 w-16 pl-1.5 flex items-center justify-center relative
icon text-3xl" [class]="iconClass"></div>
<button
- class="h-16 w-16 pl-1.5 -mt-16 flex items-center justify-center
relative icon"
+ class="h-16 w-16 pl-1.5 -mt-16 flex items-center justify-center
relative icon text-3xl"
[class]="isHovering() ? iconHoverClass + ' hovering' : iconClass"
[class.dragging]="dragging"
[disabled]="disabled"
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.scss
index 8d536ca8eb..9b2c7facc6 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/new-canvas-item/new-canvas-item.component.scss
@@ -23,8 +23,6 @@
}
.icon {
- font-size: 32px;
-
&.hovering {
cursor: grab;
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.html
index ce5e8f1340..803f384933 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.html
@@ -26,7 +26,7 @@
[cdkConnectedOverlayHasBackdrop]="true"
[cdkConnectedOverlayBackdropClass]="'cdk-overlay-transparent-backdrop'"
(overlayOutsideClick)="backdropClicked($event)">
- <div class="search-results mat-elevation-z8 w-96 border p-2
text-sm max-h-96 overflow-y-auto">
+ <div class="search-results mat-elevation-z8 w-96 border p-2
text-base max-h-96 overflow-y-auto">
@if (searching) {
<div class="unset surface-color italic">Searching</div>
} @else {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.scss
index 647f727d14..7bfd2ee7a9 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/header/search/search.component.scss
@@ -20,8 +20,6 @@
width: 0;
height: 32px;
outline: none;
- font-size: 13px;
- line-height: 13px;
transition: width 400ms ease-in-out;
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/import-from-registry/import-from-registry.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/import-from-registry/import-from-registry.component.scss
index 396cfb66ea..96bccfd365 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/import-from-registry/import-from-registry.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/import-from-registry/import-from-registry.component.scss
@@ -24,10 +24,6 @@
width: 100%;
}
- .mat-mdc-form-field-error {
- font-size: 12px;
- }
-
.listing-table {
table {
.mat-column-version {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/save-version-dialog/save-version-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/save-version-dialog/save-version-dialog.component.scss
index 55cbb08595..708f7fdfc7 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/save-version-dialog/save-version-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/flow/save-version-dialog/save-version-dialog.component.scss
@@ -22,8 +22,4 @@
.mat-mdc-form-field {
width: 100%;
}
-
- .mat-mdc-form-field-error {
- font-size: 12px;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/create-process-group/create-process-group.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/create-process-group/create-process-group.component.scss
index 1d1b6ec91e..7138bf527b 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/create-process-group/create-process-group.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/create-process-group/create-process-group.component.scss
@@ -23,8 +23,4 @@
.mat-mdc-form-field {
width: 100%;
}
-
- .upload-flow-definition {
- font-size: 18px;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/processor/edit-processor/edit-processor.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/processor/edit-processor/edit-processor.component.html
index ac8c23d9b7..234d632b09 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/processor/edit-processor/edit-processor.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/processor/edit-processor/edit-processor.component.html
@@ -20,7 +20,7 @@
<div>
{{ readonly ? 'Processor Details' : 'Edit Processor' }}
</div>
- <div class="text-sm">
+ <div class="text-base">
{{ formatType(request.entity) }}
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/common/no-registry-clients-dialog/no-registry-clients-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/common/no-registry-clients-dialog/no-registry-clients-dialog.component.html
index 6ce5bc0cc2..ac897546c1 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/common/no-registry-clients-dialog/no-registry-clients-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/common/no-registry-clients-dialog/no-registry-clients-dialog.component.html
@@ -17,7 +17,7 @@
<h2 mat-dialog-title>No Registry clients available</h2>
<mat-dialog-content>
- <div class="text-sm">
+ <div class="text-base">
{{
request.controllerPermissions.canRead
? 'In order to import a flow a Registry Client must be
configured in Controller Settings.'
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/controller-service/controller-services.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/controller-service/controller-services.component.html
index b397322891..1100807da6 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/controller-service/controller-services.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/controller-service/controller-services.component.html
@@ -60,7 +60,7 @@
</div>
}
<div class="flex justify-between">
- <div class="refresh-container flex items-center
gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshControllerServiceListing()">
<i class="fa fa-refresh"
[class.fa-spin]="serviceState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/manage-remote-ports/manage-remote-ports.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/manage-remote-ports/manage-remote-ports.component.html
index c9da258e39..fc553f1063 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/manage-remote-ports/manage-remote-ports.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/flow-designer/ui/manage-remote-ports/manage-remote-ports.component.html
@@ -250,7 +250,7 @@
</div>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center
gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshManageRemotePortsListing()">
<i class="fa fa-refresh"
[class.fa-spin]="portsState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/login/feature/login.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/login/feature/login.component.html
index e0439d9acd..00dd864364 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/login/feature/login.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/login/feature/login.component.html
@@ -26,7 +26,7 @@
@if (currentUserState$ | async; as userState) {
@if (userState.status === 'success') {
<page-content [title]="'Success'">
- <div class="text-sm">Already logged in. Click home to
return to canvas.</div>
+ <div class="text-base">Already logged in. Click home to
return to canvas.</div>
</page-content>
} @else {
<login-form></login-form>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/edit-parameter-context/edit-parameter-context.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/edit-parameter-context/edit-parameter-context.component.html
index 7be391492e..7237af0fe7 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/edit-parameter-context/edit-parameter-context.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/edit-parameter-context/edit-parameter-context.component.html
@@ -42,7 +42,7 @@
}
</div>
@if (updateStep.failureReason) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ updateStep.failureReason }}
</div>
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/parameter-context-listing.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/parameter-context-listing.component.html
index f59e0af84f..9d53f96d74 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/parameter-context-listing.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/parameter-contexts/ui/parameter-context-listing/parameter-context-listing.component.html
@@ -39,7 +39,7 @@
(manageAccessPolicies)="navigateToManageComponentPolicies($event)"></parameter-context-table>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshParameterContextListing()">
<i
class="fa fa-refresh"
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-listing.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-listing.component.html
index 0fbc5cff7b..1567acc460 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-listing.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-listing.component.html
@@ -16,7 +16,7 @@
-->
@if (status$ | async; as status) {
- <div class="flex flex-col h-full text-sm">
+ <div class="flex flex-col h-full text-base">
<div class="flex-1">
@if (provenance$ | async; as provenance) {
<provenance-event-table
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-table/provenance-event-table.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-table/provenance-event-table.component.html
index 47a1884bc9..15f6570c1c 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-table/provenance-event-table.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/provenance/ui/provenance-event-listing/provenance-event-table/provenance-event-table.component.html
@@ -175,7 +175,7 @@
</div>
</div>
<div class="flex justify-between mt-2">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshClicked()">
<i class="fa fa-refresh" [class.fa-spin]="loading"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.html
index d39c0c0497..38bacfa9b4 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.html
@@ -24,7 +24,7 @@
<div class="flex gap-x-4">
<div class="w-full flex flex-col gap-y-3">
<div class="flex flex-col">
- <div class="flowfile-header font-bold
primary-color">FlowFile Details</div>
+ <div class="mat-body-strong
primary-color">FlowFile Details</div>
</div>
<div class="flex flex-col">
<div>UUID</div>
@@ -106,7 +106,7 @@
</div>
<div class="w-full flex flex-col gap-y-3">
<div class="flex flex-col">
- <div class="flowfile-header font-bold
primary-color">Content Claim</div>
+ <div class="mat-body-strong
primary-color">Content Claim</div>
</div>
<div
class="flex flex-col gap-y-3"
@@ -183,7 +183,7 @@
<div class="dialog-tab-content">
<div class="flex flex-col gap-y-4">
<div class="flex">
- <div class="flowfile-header font-bold
primary-color">Attribute Values</div>
+ <div class="mat-body-strong
primary-color">Attribute Values</div>
</div>
<div class="flex flex-col">
<div *ngFor="let attribute of
request.flowfile.attributes | keyvalue">
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.scss
index 930165c811..d1c5e28531 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/flowfile-dialog/flowfile-dialog.component.scss
@@ -19,9 +19,4 @@
.flowfile {
@include mat.button-density(-1);
-
- .flowfile-header {
- font-size: 15px;
- font-style: normal;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/queue-listing.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/queue-listing.component.html
index 0d9e95a3ac..0737f12947 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/queue-listing.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/queue/ui/queue-listing/queue-listing.component.html
@@ -34,7 +34,7 @@
<ngx-skeleton-loader count="3"></ngx-skeleton-loader>
}
</div>
- <div class="flex justify-between">
+ <div class="text-sm flex justify-between">
<div class="flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshClicked()">
<i class="fa fa-refresh" [class.fa-spin]="status ===
'loading'"></i>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/route-not-found/feature/route-not-found.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/route-not-found/feature/route-not-found.component.html
index d843a77a21..e47c828f8a 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/route-not-found/feature/route-not-found.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/route-not-found/feature/route-not-found.component.html
@@ -17,6 +17,6 @@
<div class="error-background pt-24 pl-24 h-screen">
<page-content title="Route Not Found">
- <div class="text-sm">The URL entered is not recognized as a supported
route.</div>
+ <div class="text-base">The URL entered is not recognized as a
supported route.</div>
</page-content>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/edit-flow-analysis-rule/edit-flow-analysis-rule.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/edit-flow-analysis-rule/edit-flow-analysis-rule.component.html
index 939de8dda7..150da31e64 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/edit-flow-analysis-rule/edit-flow-analysis-rule.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/edit-flow-analysis-rule/edit-flow-analysis-rule.component.html
@@ -20,7 +20,7 @@
<div>
{{ readonly ? 'Flow Analysis Rule Details' : 'Edit Flow Analysis
Rule' }}
</div>
- <div class="text-sm">
+ <div class="text-base">
{{ formatType(request.flowAnalysisRule) }}
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/flow-analysis-rules.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/flow-analysis-rules.component.html
index 9ff6e55988..a01fcedc81 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/flow-analysis-rules.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/flow-analysis-rules/flow-analysis-rules.component.html
@@ -45,7 +45,7 @@
(deleteFlowAnalysisRule)="deleteFlowAnalysisRule($event)"></flow-analysis-rule-table>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshFlowAnalysisRuleListing()">
<i class="fa fa-refresh"
[class.fa-spin]="flowAnalysisRuleState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/management-controller-services/management-controller-services.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/management-controller-services/management-controller-services.component.html
index 431f03e206..3c6661c0bd 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/management-controller-services/management-controller-services.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/management-controller-services/management-controller-services.component.html
@@ -51,7 +51,7 @@
(deleteControllerService)="deleteControllerService($event)"></controller-service-table>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshControllerServiceListing()">
<i class="fa fa-refresh"
[class.fa-spin]="serviceState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/edit-parameter-provider/edit-parameter-provider.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/edit-parameter-provider/edit-parameter-provider.component.html
index 6dfb136755..fad2e1356a 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/edit-parameter-provider/edit-parameter-provider.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/edit-parameter-provider/edit-parameter-provider.component.html
@@ -18,7 +18,7 @@
<h2 mat-dialog-title>
<div class="flex justify-between items-baseline">
<div>Edit Parameter Provider</div>
- <div class="text-sm">
+ <div class="text-base">
{{ formatType(request.parameterProvider) }}
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/parameter-providers.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/parameter-providers.component.html
index aac9cbe6ba..8e1de67546 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/parameter-providers.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/parameter-providers/parameter-providers.component.html
@@ -49,7 +49,7 @@
(selectParameterProvider)="selectParameterProvider($event)"></parameter-providers-table>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshParameterProvidersListing()">
<i class="fa fa-refresh"
[class.fa-spin]="parameterProvidersState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/edit-registry-client/edit-registry-client.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/edit-registry-client/edit-registry-client.component.html
index e6e4308b19..a962981d25 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/edit-registry-client/edit-registry-client.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/edit-registry-client/edit-registry-client.component.html
@@ -18,7 +18,7 @@
<h2 mat-dialog-title>
<div class="flex justify-between items-baseline">
<div>Edit Registry Client</div>
- <div class="text-sm">
+ <div class="text-base">
{{ formatType(request.registryClient) }}
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/registry-clients.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/registry-clients.component.html
index f538f16319..9738cfe9f7 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/registry-clients.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/registry-clients/registry-clients.component.html
@@ -39,7 +39,7 @@
(deleteRegistryClient)="deleteRegistryClient($event)"></registry-client-table>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshRegistryClientListing()">
<i class="fa fa-refresh"
[class.fa-spin]="registryClientState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/edit-reporting-task/edit-reporting-task.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/edit-reporting-task/edit-reporting-task.component.html
index 56452b0a17..1e482d4d1f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/edit-reporting-task/edit-reporting-task.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/edit-reporting-task/edit-reporting-task.component.html
@@ -20,7 +20,7 @@
<div>
{{ readonly ? 'Reporting Task Details' : 'Edit Reporting Task' }}
</div>
- <div class="text-sm">
+ <div class="text-base">
{{ formatType(request.reportingTask) }}
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/reporting-tasks.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/reporting-tasks.component.html
index ceec68bea8..b14cccb464 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/reporting-tasks.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/settings/ui/reporting-tasks/reporting-tasks.component.html
@@ -48,7 +48,7 @@
(startReportingTask)="startReportingTask($event)"></reporting-task-table>
</div>
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshReportingTaskListing()">
<i class="fa fa-refresh"
[class.fa-spin]="reportingTaskState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/cluster-summary-dialog/cluster-summary-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/cluster-summary-dialog/cluster-summary-dialog.component.html
index 2fa80f40a5..b67c568507 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/cluster-summary-dialog/cluster-summary-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/cluster-summary-dialog/cluster-summary-dialog.component.html
@@ -71,7 +71,7 @@
<mat-dialog-actions>
<div class="flex justify-between align-middle w-full">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary" (click)="refresh()">
<i class="fa fa-refresh" [class.fa-spin]="loading$ |
async"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/port-status-table/port-status-table.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/port-status-table/port-status-table.component.html
index 510dd6935d..ca34cd260e 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/port-status-table/port-status-table.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/common/port-status-table/port-status-table.component.html
@@ -175,7 +175,7 @@
</ng-container>
</div>
<div class="flex justify-between align-middle">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary" (click)="refresh.next()">
<i class="fa fa-refresh" [class.fa-spin]="summaryListingStatus
=== 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/connection-status-listing/connection-status-table/connection-status-table.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/connection-status-listing/connection-status-table/connection-status-table.component.html
index 7cd1714109..eaa8c8b109 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/connection-status-listing/connection-status-table/connection-status-table.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/connection-status-listing/connection-status-table/connection-status-table.component.html
@@ -242,7 +242,7 @@
</ng-container>
</div>
<div class="flex justify-between align-middle">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary" (click)="refresh.next()">
<i class="fa fa-refresh" [class.fa-spin]="summaryListingStatus
=== 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/process-group-status-listing/process-group-status-table/process-group-status-table.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/process-group-status-listing/process-group-status-table/process-group-status-table.component.html
index 9b57e5ddad..b2d402fb5d 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/process-group-status-listing/process-group-status-table/process-group-status-table.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/process-group-status-listing/process-group-status-table/process-group-status-table.component.html
@@ -357,7 +357,7 @@
</ng-container>
</div>
<div class="flex justify-between align-middle">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary" (click)="refresh.next()">
<i class="fa fa-refresh" [class.fa-spin]="summaryListingStatus
=== 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.html
index 1f685b78b1..7076f1f284 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.html
@@ -48,7 +48,7 @@
<div class="flex align-middle">
@if
(item.processorStatusSnapshot.executionNode === 'PRIMARY') {
<div
- class="primary-node-only
border surface-contrast mr-1 font-bold"
+ class="primary-node-only
border surface-contrast mr-1 text-xs font-bold"
title="This component is only
scheduled to execute on the Primary Node">
P
</div>
@@ -276,7 +276,7 @@
</ng-container>
</div>
<div class="flex justify-between align-middle">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary" (click)="refresh.next()">
<i class="fa fa-refresh" [class.fa-spin]="summaryListingStatus
=== 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.scss
index 05fd689992..813f433cd0 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/processor-status-listing/processor-status-table/processor-status-table.component.scss
@@ -23,10 +23,9 @@
}
.primary-node-only {
- font-size: 10px;
- line-height: 13px;
- width: 14px;
- height: 15px;
+ position: relative;
+ top: 2px;
+ height: 16px;
border-radius: 8px;
float: left;
text-align: center;
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/remote-process-group-status-listing/remote-process-group-status-table/remote-process-group-status-table.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/remote-process-group-status-listing/remote-process-group-status-table/remote-process-group-status-table.component.html
index 3f75669c96..ef007b5966 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/remote-process-group-status-listing/remote-process-group-status-table/remote-process-group-status-table.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/summary/ui/remote-process-group-status-listing/remote-process-group-status-table/remote-process-group-status-table.component.html
@@ -183,7 +183,7 @@
</ng-container>
</div>
<div class="flex justify-between align-middle">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary" (click)="refresh.next()">
<i class="fa fa-refresh" [class.fa-spin]="summaryListingStatus
=== 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/users/ui/user-listing/user-listing.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/users/ui/user-listing/user-listing.component.html
index f235a27ebc..6d3a2e050f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/users/ui/user-listing/user-listing.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/pages/users/ui/user-listing/user-listing.component.html
@@ -40,7 +40,7 @@
</div>
}
<div class="flex justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshUserListing()">
<i class="fa fa-refresh"
[class.fa-spin]="userListingState.status === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/about-dialog/about-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/about-dialog/about-dialog.component.html
index 6a599ffbd6..d208f780cc 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/about-dialog/about-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/about-dialog/about-dialog.component.html
@@ -26,13 +26,13 @@
<div class="flex flex-col gap-y-1">
<div class="font-bold">{{ about.version }}</div>
@if (about.buildTimestamp) {
- <div class="text-xs ml-2">{{ about.buildTimestamp
}}</div>
+ <div class="text-sm ml-2">{{ about.buildTimestamp
}}</div>
}
@if (about.buildTag && about.buildTag !== 'HEAD') {
- <div class="text-xs ml-2">Tagged {{ about.buildTag
}}</div>
+ <div class="text-sm ml-2">Tagged {{ about.buildTag
}}</div>
}
@if (about.buildRevision) {
- <div class="text-xs ml-2">From {{ about.buildRevision
}} on branch {{ about.buildBranch }}</div>
+ <div class="text-sm ml-2">From {{ about.buildRevision
}} on branch {{ about.buildBranch }}</div>
}
</div>
<div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/cancel-dialog/cancel-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/cancel-dialog/cancel-dialog.component.html
index 0c0c5174d4..7977460f7b 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/cancel-dialog/cancel-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/cancel-dialog/cancel-dialog.component.html
@@ -17,7 +17,7 @@
<h2 mat-dialog-title>{{ request.title }}</h2>
<mat-dialog-content>
- <div class="text-sm">{{ request.message }}</div>
+ <div class="text-base">{{ request.message }}</div>
</mat-dialog-content>
<mat-dialog-actions align="end">
<button type="button" (click)="cancelClicked()" mat-button
mat-dialog-close>Cancel</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/component-context/component-context.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/component-context/component-context.component.html
index 8f38e485d6..148724d0a7 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/component-context/component-context.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/component-context/component-context.component.html
@@ -17,7 +17,7 @@
<div class="component-context flex flex-col">
<div class="flex gap-x-1 items-center">
- <div class="context-logo flex flex-col">
+ <div class="context-logo text-3xl flex flex-col">
<i class="icon accent-color" [class]="componentIconClass"></i>
</div>
<div class="flex flex-col flex-1">
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.html
index f8e15ee9cf..f8d23dc50f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.html
@@ -30,7 +30,9 @@
<button class="context-menu-item pl-1 pr-1 pt-2 pb-2"
cdkMenuItem [cdkMenuTriggerFor]="subMenu">
<div class="flex gap-x-1">
<div class="context-menu-item-img"
[class]="item.clazz"></div>
- <div class="context-menu-item-text
surface-contrast">{{ item.text }}</div>
+ <div class="context-menu-item-text
surface-contrast" [title]="item.text">
+ {{ item.text }}
+ </div>
</div>
<div class="context-menu-group-item-img fa
fa-caret-right"></div>
</button>
@@ -46,7 +48,9 @@
cdkMenuItem>
<div class="flex gap-x-1">
<div class="context-menu-item-img"
[class]="item.clazz"></div>
- <div class="context-menu-item-text
surface-contrast">{{ item.text }}</div>
+ <div class="context-menu-item-text
surface-contrast" [title]="item.text">
+ {{ item.text }}
+ </div>
</div>
@if (item.shortcut) {
<div class="context-menu-item-shortcut
surface-contrast justify-end opacity-40">
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.scss
index 842fb7d2e2..e2a0dfc0f8 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/context-menu/context-menu.component.scss
@@ -16,8 +16,6 @@
*/
div.context-menu {
- font-size: 13px;
- width: 215px;
user-select: none;
display: flex;
flex-direction: column;
@@ -38,8 +36,7 @@ div.context-menu {
.context-menu-item-img {
float: left;
- width: 16px;
- height: 16px;
+ width: 14px;
background-size: cover;
}
@@ -50,20 +47,17 @@ div.context-menu {
left: 2px;
}
- .context-menu-item-img.icon {
- line-height: 1;
- }
-
.context-menu-item-text {
margin-left: 4px;
- line-height: 16px;
+ margin-right: 4px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 258px;
}
.context-menu-group-item-img {
- width: 16px;
- height: 16px;
background-size: cover;
- font-size: 14px;
margin-left: auto;
}
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/disable-controller-service/disable-controller-service.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/disable-controller-service/disable-controller-service.component.html
index d0037ea0f3..80ed3e3e48 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/disable-controller-service/disable-controller-service.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/disable-controller-service/disable-controller-service.component.html
@@ -103,7 +103,7 @@
disableRequest.error &&
disableRequest.error.step ==
SetEnableStep.StopReferencingComponents
) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ disableRequest.error.error }}
</div>
}
@@ -123,7 +123,7 @@
disableRequest.error &&
disableRequest.error.step ==
SetEnableStep.DisableReferencingServices
) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ disableRequest.error.error }}
</div>
}
@@ -138,7 +138,7 @@
disableRequest.error &&
disableRequest.error.step ==
SetEnableStep.DisableService
) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ disableRequest.error.error }}
</div>
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/edit-controller-service/edit-controller-service.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/edit-controller-service/edit-controller-service.component.html
index 5e3b0ea326..d70b60592b 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/edit-controller-service/edit-controller-service.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/edit-controller-service/edit-controller-service.component.html
@@ -20,7 +20,7 @@
<div>
{{ readonly ? 'Controller Service Details' : 'Edit Controller
Service' }}
</div>
- <div class="text-sm">
+ <div class="text-base">
{{ formatType(request.controllerService) }}
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/enable-controller-service/enable-controller-service.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/enable-controller-service/enable-controller-service.component.html
index f90bda08e1..e3bec12511 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/enable-controller-service/enable-controller-service.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/controller-service/enable-controller-service/enable-controller-service.component.html
@@ -110,7 +110,7 @@
@if (
enableRequest.error &&
enableRequest.error.step == SetEnableStep.EnableService
) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ enableRequest.error.error }}
</div>
}
@@ -131,7 +131,7 @@
enableRequest.error &&
enableRequest.error.step ==
SetEnableStep.EnableReferencingServices
) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ enableRequest.error.error }}
</div>
}
@@ -151,7 +151,7 @@
enableRequest.error &&
enableRequest.error.step ==
SetEnableStep.StartReferencingComponents
) {
- <div class="text-xs ml-2">
+ <div class="text-sm ml-2">
{{ enableRequest.error.error }}
</div>
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-parameter-dialog/edit-parameter-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-parameter-dialog/edit-parameter-dialog.component.scss
index b98cedcefa..340f586d27 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-parameter-dialog/edit-parameter-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-parameter-dialog/edit-parameter-dialog.component.scss
@@ -27,8 +27,4 @@
.mat-mdc-form-field {
width: 100%;
}
-
- .mat-mdc-form-field-error {
- font-size: 12px;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-tenant/edit-tenant-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-tenant/edit-tenant-dialog.component.scss
index 574d6a0ebc..08e3bb5f7f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-tenant/edit-tenant-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/edit-tenant/edit-tenant-dialog.component.scss
@@ -28,10 +28,6 @@
width: 100%;
}
- .mat-mdc-form-field-error {
- font-size: 12px;
- }
-
mat-selection-list {
max-height: 300px;
overflow: auto;
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
index 1b4878d5a1..5730380b32 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
@@ -33,7 +33,6 @@
}
.selected-type-name {
- font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@@ -45,8 +44,6 @@
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
- font-size: 14px;
- line-height: 16px;
letter-spacing: 0.25px;
}
@@ -55,9 +52,7 @@
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
- font-size: 14px;
- line-height: 17px;
- height: 50px;
+ height: 72px;
}
.no-selected-type {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/navigation/navigation.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/navigation/navigation.component.scss
index 28bfcc43ed..82bf0810e5 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/navigation/navigation.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/navigation/navigation.component.scss
@@ -21,7 +21,6 @@
}
.current-user {
- font-size: 12px;
max-width: 250px;
text-overflow: ellipsis;
line-height: normal;
@@ -30,7 +29,6 @@
}
a {
- font-size: 12px;
text-transform: uppercase;
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-map-table-entry-dialog/new-map-table-entry-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-map-table-entry-dialog/new-map-table-entry-dialog.component.scss
index bc3ec7a29e..f1e419cb54 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-map-table-entry-dialog/new-map-table-entry-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-map-table-entry-dialog/new-map-table-entry-dialog.component.scss
@@ -23,8 +23,4 @@
.mat-mdc-form-field {
width: 100%;
}
-
- .mat-mdc-form-field-error {
- font-size: 12px;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-property-dialog/new-property-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-property-dialog/new-property-dialog.component.scss
index 0373a55871..1d6272572a 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-property-dialog/new-property-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/new-property-dialog/new-property-dialog.component.scss
@@ -23,8 +23,4 @@
.mat-mdc-form-field {
width: 100%;
}
-
- .mat-mdc-form-field-error {
- font-size: 12px;
- }
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/ok-dialog/ok-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/ok-dialog/ok-dialog.component.html
index 1c920b9320..d33a65dafc 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/ok-dialog/ok-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/ok-dialog/ok-dialog.component.html
@@ -17,7 +17,7 @@
<h2 mat-dialog-title>{{ request.title }}</h2>
<mat-dialog-content>
- <div class="text-sm">{{ request.message }}</div>
+ <div class="text-base">{{ request.message }}</div>
</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button mat-dialog-close cdkFocusInitial
(click)="okClicked()">Ok</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-table/editors/combo-editor/combo-editor.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-table/editors/combo-editor/combo-editor.component.scss
index 6dccee13ef..930d94e031 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-table/editors/combo-editor/combo-editor.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-table/editors/combo-editor/combo-editor.component.scss
@@ -25,9 +25,3 @@
width: 100%;
}
}
-
-::ng-deep .combo-panel {
- .option-text {
- font-size: 13px;
- }
-}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-verification/property-verification.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-verification/property-verification.component.html
index cba71cb9fa..3d3e362b5e 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-verification/property-verification.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/property-verification/property-verification.component.html
@@ -36,18 +36,18 @@
<div class="flex gap-x-1">
@switch (result.outcome) {
@case (Outcome.SUCCESSFUL) {
- <div class="fa fa-check success-color
text-lg"></div>
+ <div class="fa fa-check success-color
text-xl"></div>
}
@case (Outcome.FAILED) {
- <div class="fa fa-times warn-color
text-lg"></div>
+ <div class="fa fa-times warn-color
text-xl"></div>
}
@case (Outcome.SKIPPED) {
- <div class="fa fa-exclamation
warn-color-lighter text-lg"></div>
+ <div class="fa fa-exclamation
warn-color-lighter text-xl"></div>
}
}
<div class="flex flex-col">
<div class="font-bold">{{
result.verificationStepName }}</div>
- <div class="verification-explanation text-xs
opacity-80">{{ result.explanation }}</div>
+ <div class="verification-explanation text-sm
opacity-80">{{ result.explanation }}</div>
</div>
</div>
</div>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.html
index c4979e4151..fcce9f206f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.html
@@ -190,7 +190,7 @@
</div>
<div class="w-1/2 pl-2 flex flex-col gap-y-3">
<div class="flex flex-col">
- <div class="event-header font-bold
primary-color">
+ <div class="mat-body-strong primary-color">
Parent FlowFiles ({{
request.event.parentUuids.length }})
</div>
<ng-container
@@ -200,7 +200,7 @@
"></ng-container>
</div>
<div class="flex flex-col">
- <div class="event-header font-bold
primary-color">
+ <div class="mat-body-strong primary-color">
Child FlowFiles ({{
request.event.childUuids.length }})
</div>
<ng-container
@@ -229,7 +229,7 @@
<div class="dialog-tab-content">
<div class="flex flex-col gap-y-4">
<div class="flex justify-between">
- <div class="event-header font-bold
primary-color">Attribute Values</div>
+ <div class="mat-body-strong
primary-color">Attribute Values</div>
<div class="flex items-center gap-x-1">
<mat-checkbox color="primary"
[(ngModel)]="onlyShowModifiedAttributes"></mat-checkbox>
<div>Show modified attributes only</div>
@@ -264,7 +264,7 @@
<div class="flex flex-col gap-y-4">
<div class="flex">
<div class="w-1/2 pr-2">
- <div class="event-header font-bold
primary-color">Input Claim</div>
+ <div class="mat-body-strong
primary-color">Input Claim</div>
<div class="flex flex-col gap-y-3">
<div>
<div>Container</div>
@@ -330,7 +330,7 @@
</div>
</div>
<div class="w-1/2 pl-2">
- <div class="event-header font-bold
primary-color">Output Claim</div>
+ <div class="mat-body-strong
primary-color">Output Claim</div>
<div class="flex flex-col gap-y-3">
<div>
<div>Container</div>
@@ -397,7 +397,7 @@
</div>
</div>
<div class="flex flex-col">
- <div class="event-header font-bold
primary-color">Replay</div>
+ <div class="mat-body-strong
primary-color">Replay</div>
<div
*ngIf="request.event.replayAvailable; else
replayNotAvailable"
class="flex flex-col gap-y-3">
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.scss
index 92050df0b9..048d19919f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/provenance-event-dialog/provenance-event-dialog.component.scss
@@ -20,10 +20,6 @@
.provenance-event {
@include mat.button-density(-1);
- .event-header {
- font-size: 15px;
- }
-
.mat-mdc-form-field {
width: 100%;
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/status-history/status-history.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/status-history/status-history.component.html
index a0bc86eca2..1c3bfb91e7 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/status-history/status-history.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/status-history/status-history.component.html
@@ -173,7 +173,7 @@
<div class="flex w-full">
<div class="flex-1">
@if (instances.length > 0 && fieldDescriptors.length >
0) {
- <div class="refresh-container flex items-center
gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refresh()">
<i
class="fa fa-refresh"
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.html
index ed9b41acb7..343d3ef586 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.html
@@ -26,7 +26,7 @@
<div class="flex gap-y-4">
<div class="flex flex-col flex-1 gap-y-4">
<section>
- <div class="section-header font-bold">
+ <div class="mat-body-strong primary-color">
Heap ({{
systemDiagnostics.heapUtilization }})
</div>
<div class="flex flex-col gap-y-3">
@@ -57,7 +57,7 @@
</div>
</section>
<section>
- <div class="section-header font-bold
primary-color">Garbage Collection</div>
+ <div class="mat-body-strong
primary-color">Garbage Collection</div>
@if (sortedGarbageCollections) {
<div class="flex flex-col gap-y-3">
@for (gc of
sortedGarbageCollections; track gc) {
@@ -74,7 +74,7 @@
</div>
<div class="flex flex-col flex-1 gap-y-4">
<section>
- <div class="section-header font-bold">Non
Heap</div>
+ <div class="mat-body-strong
primary-color">Non Heap</div>
<div class="flex flex-col gap-y-3">
<div class="flex flex-col">
<div>Max</div>
@@ -103,7 +103,7 @@
</div>
</section>
<section>
- <div class="section-header
font-bold">Runtime</div>
+ <div class="mat-body-strong
primary-color">Runtime</div>
<div class="flex flex-col gap-y-3">
<div class="flex flex-col">
<div>Uptime</div>
@@ -151,7 +151,7 @@
</div>
</div>
<section class="flex flex-col pr-4">
- <div class="section-header font-bold">FlowFile
Repository Usage</div>
+ <div class="mat-body-strong
primary-color">FlowFile Repository Usage</div>
<div>
<div class="capitalize">Usage:</div>
<mat-progress-bar
@@ -171,7 +171,7 @@
</div>
</section>
<section class="flex flex-col pr-4">
- <div class="section-header font-bold">Content
Repository Usage</div>
+ <div class="mat-body-strong primary-color">Content
Repository Usage</div>
<div class="repository-storage-container flex
flex-col gap-y-2">
@for (repo of
systemDiagnostics.contentRepositoryStorageUsage; track repo) {
<div>
@@ -188,7 +188,7 @@
</div>
</section>
<section class="flex flex-col pr-4">
- <div class="section-header font-bold">Provenance
Repository Usage</div>
+ <div class="mat-body-strong
primary-color">Provenance Repository Usage</div>
<div class="repository-storage-container flex
flex-col gap-y-2">
@for (repo of
systemDiagnostics.provenanceRepositoryStorageUsage; track repo) {
<div>
@@ -212,7 +212,7 @@
<div class="dialog-tab-content w-full">
<div class="flex flex-col gap-y-4">
<section>
- <div class="section-header
font-bold">NiFi</div>
+ <div class="mat-body-strong
primary-color">NiFi</div>
<dl class="setting-attributes-list">
<dt class="font-bold">NiFi Version</dt>
<dd>{{
systemDiagnostics.versionInfo.niFiVersion }}</dd>
@@ -227,7 +227,7 @@
</dl>
</section>
<section>
- <div class="section-header
font-bold">Java</div>
+ <div class="mat-body-strong
primary-color">Java</div>
<dl class="setting-attributes-list">
<dt class="font-bold">Version</dt>
<dd>{{
systemDiagnostics.versionInfo.javaVersion }}</dd>
@@ -236,7 +236,7 @@
</dl>
</section>
<section>
- <div class="section-header
font-bold">Operating System</div>
+ <div class="mat-body-strong
primary-color">Operating System</div>
<dl class="setting-attributes-list">
<dt class="font-bold">Name</dt>
<dd>{{
systemDiagnostics.versionInfo.osName }}</dd>
@@ -253,7 +253,7 @@
</mat-tab-group>
<mat-dialog-actions>
<div class="flex flex-1 justify-between">
- <div class="refresh-container flex items-center gap-x-2">
+ <div class="text-sm flex items-center gap-x-2">
<button mat-icon-button color="primary"
(click)="refreshSystemDiagnostics()">
<i class="fa fa-refresh" [class.fa-spin]="(status$ |
async) === 'loading'"></i>
</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.scss
index 33cb3fad0d..c64254d03f 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/system-diagnostics-dialog/system-diagnostics-dialog.component.scss
@@ -20,10 +20,6 @@
.system-diagnostics {
@include mat.button-density(-1);
- .section-header {
- font-size: 15px;
- }
-
.setting-attributes-list {
dt {
float: left;
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.html
index 2761ebbed3..1465713b6b 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.html
@@ -18,7 +18,7 @@
<div class="el-function-tooltip tooltip" [style.left.px]="left"
[style.bottom.px]="bottom">
@if (data?.elFunction; as elFunction) {
<div class="flex flex-col gap-y-3">
- <div class="el-name font-bold">{{ elFunction.name }}</div>
+ <div class="el-name text-lg font-bold">{{ elFunction.name }}</div>
@if (hasDescription(elFunction)) {
<div>{{ elFunction.description }}</div>
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.scss
index 5595dedfb8..95d0ddd047 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/el-function-tip/el-function-tip.component.scss
@@ -21,7 +21,6 @@
.el-name {
font-family: monospace;
- font-size: 16px;
margin-bottom: 10px;
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.html
index 4ea239f19f..a26468f01b 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.html
@@ -18,7 +18,7 @@
<div class="tooltip parameter-tip" [style.left.px]="left"
[style.bottom.px]="bottom">
@if (data?.parameter; as parameter) {
<div class="flex flex-col gap-y-3">
- <div class="parameter-name font-bold">{{ parameter.name }}</div>
+ <div class="parameter-name text-lg font-bold">{{ parameter.name
}}</div>
@if (hasDescription(parameter)) {
<div>{{ parameter.description }}</div>
} @else {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.scss
index 8b9e8f560e..d486b2fb39 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/tooltips/parameter-tip/parameter-tip.component.scss
@@ -21,7 +21,6 @@
.parameter-name {
font-family: monospace;
- font-size: 16px;
margin-bottom: 10px;
}
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/yes-no-dialog/yes-no-dialog.component.html
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/yes-no-dialog/yes-no-dialog.component.html
index 0fe30bd4ef..212fb3a356 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/yes-no-dialog/yes-no-dialog.component.html
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/app/ui/common/yes-no-dialog/yes-no-dialog.component.html
@@ -17,7 +17,7 @@
<h2 mat-dialog-title data-qa="yes-no-title">{{ request.title }}</h2>
<mat-dialog-content>
- <div class="text-sm" data-qa="yes-no-message">{{ request.message }}</div>
+ <div class="text-base" data-qa="yes-no-message">{{ request.message }}</div>
</mat-dialog-content>
<mat-dialog-actions align="end">
<button mat-button mat-dialog-close (click)="noClicked()">No</button>
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/styles/_app.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/styles/_app.scss
index d1ba78f779..0886670335 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/styles/_app.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/styles/_app.scss
@@ -42,7 +42,6 @@
padding: 10px;
border-radius: 2px;
border-width: 1px;
- font-size: 13px;
word-wrap: break-word;
white-space: normal;
@@ -52,10 +51,6 @@
}
}
- .property-editor {
- font-size: 13px;
- }
-
.blank,
.empty,
.unset,
@@ -68,11 +63,6 @@
.context-logo {
text-align: start;
height: 40px;
- line-height: 40px;
-
- .icon {
- font-size: 32px;
- }
}
.context-name {
@@ -95,11 +85,6 @@
line-height: 12px;
}
- .refresh-container {
- line-height: normal;
- font-size: 12px;
- }
-
.hidden {
display: none;
}
@@ -182,7 +167,6 @@
}
.CodeMirror-hints {
- font-size: 13px !important;
z-index: 1000 !important;
overflow-y: scroll !important;
}
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/themes/material.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/themes/material.scss
index c07460535f..98bb1d43c0 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/themes/material.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/assets/themes/material.scss
@@ -107,20 +107,20 @@ $warn-light: mat.define-palette($warn-light-palette, 400,
200, 900);
//https://m2.material.io/design/typography/the-type-system.html#type-scale
$typography-config: mat.define-typography-config(
$font-family: Roboto,
- //h2
- $headline-6: mat.define-typography-level(16px, 24px, 400, $letter-spacing:
0.5px),
- //h3
- $subtitle-1: mat.define-typography-level(20px, 20px, 700),
- //h4
- $subtitle-2: mat.define-typography-level(14px, 26px, 400, $letter-spacing:
0.4375px),
- //body
- $body-1: mat.define-typography-level(16px, 24px, 400),
- //body2
- $body-2: mat.define-typography-level(14px, 14px, 400),
- //caption <mat-error> or <mat-hint>
- $caption: mat.define-typography-level(12px, 20px, 400, $letter-spacing:
0.4px),
- //button
- $button: mat.define-typography-level(16px, 24px, 400)
+ // All `<h2>` native elements or use: `.text-xl font-bold`, `.mat-h2`, or
`.mat-headline-6`
+ $headline-6: mat.define-typography-level(18px, 28px, 700),
+ // All `<h3>` native elements or use: `.text-2xl font-bold`, `.mat-h3`, or
`.mat-subtitle-1`
+ $subtitle-1: mat.define-typography-level(20px, 28px, 700),
+ // All <th> native elements or use: `.mat-body-strong` or `.mat-subtitle-2`
+ $subtitle-2: mat.define-typography-level(14px, 20px, 700),
+ // All `<h4>` native elements or use: `.text-base`, `.mat-h4`, or
`.mat-body-1`
+ $body-1: mat.define-typography-level(14px, 20px, 400),
+ // Any body text or use: `.mat-body` or `.mat-body-2`
+ $body-2: mat.define-typography-level(14px, 20px, 400),
+ // Smaller body and hint text like <mat-error> or <mat-hint> or use:
`.text-sm`, `.mat-small`, or`.mat-caption`
+ $caption: mat.define-typography-level(12px, 16px, 400, $letter-spacing:
0.4px),
+ // Buttons and anchors.
+ $button: mat.define-typography-level(14px, 20px, 400)
);
@include mat.typography-hierarchy($typography-config);
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/tailwind.config.js
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/tailwind.config.js
index c42f85efab..d7c310ab57 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/tailwind.config.js
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/tailwind.config.js
@@ -22,7 +22,69 @@ const { join } = require('path');
module.exports = {
content: [join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'),
...createGlobPatternsForDependencies(__dirname)],
theme: {
- extend: {}
+ extend: {
+ fontFamily: {
+ roboto: ['Roboto']
+ },
+ fontSize: {
+ xs: [
+ '10px',
+ {
+ lineHeight: '14px',
+ letterSpacing: '0.4px',
+ fontWeight: '400'
+ }
+ ],
+ sm: [
+ '12px',
+ {
+ lineHeight: '16px',
+ letterSpacing: '0.4px',
+ fontWeight: '400'
+ }
+ ],
+ base: [
+ '14px',
+ {
+ lineHeight: '20px',
+ letterSpacing: 'normal',
+ fontWeight: '400'
+ }
+ ],
+ lg: [
+ '16px',
+ {
+ lineHeight: '24px',
+ letterSpacing: 'normal',
+ fontWeight: '400'
+ }
+ ],
+ xl: [
+ '18px',
+ {
+ lineHeight: '28px',
+ letterSpacing: 'normal',
+ fontWeight: '400'
+ }
+ ],
+ '2xl': [
+ '20px',
+ {
+ lineHeight: '28px',
+ letterSpacing: 'normal',
+ fontWeight: '400'
+ }
+ ],
+ '3xl': [
+ '32px',
+ {
+ lineHeight: '40px',
+ letterSpacing: 'normal',
+ fontWeight: '400'
+ }
+ ]
+ }
+ }
},
plugins: []
};
