This is an automated email from the ASF dual-hosted git repository.
mcgilman 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 bd80506e89 [NIFI-13472] update Alignment/spacing issues (#9022)
bd80506e89 is described below
commit bd80506e89ddb5178b022cd0af3ba7ec5418545d
Author: Scott Aslan <scottyas...@users.noreply.github.com>
AuthorDate: Fri Jul 5 08:09:04 2024 -0600
[NIFI-13472] update Alignment/spacing issues (#9022)
This closes #9022
---
.../edit-process-group/edit-process-group.component.html | 4 ++--
.../extension-creation/extension-creation.component.html | 12 +++++++++---
.../extension-creation/extension-creation.component.scss | 15 ---------------
.../main/frontend/libs/shared/src/assets/styles/_app.scss | 5 +++++
4 files changed, 16 insertions(+), 20 deletions(-)
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/edit-process-group/edit-process-group.component.html
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/edit-process-group/edit-process-group.component.html
index 7136e86bf5..f703264012 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/edit-process-group/edit-process-group.component.html
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/pages/flow-designer/ui/canvas/items/process-group/edit-process-group/edit-process-group.component.html
@@ -53,14 +53,14 @@
</mat-select>
</mat-form-field>
</div>
- <div class="-mt-6 mb-4">
+ <div class="-mt-4 mb-4">
<mat-checkbox
color="primary"
formControlName="applyParameterContextRecursively"
name="applyParameterContextRecursively">
Apply Recursively
<i
- class="fa fa-info-circle"
+ class="fa fa-info-circle primary-color"
nifiTooltip
[tooltipComponentType]="TextTip"
tooltipInputData="When checked Parameter
Context will be applied to the Process Group and all the embedded Process
Groups recursively, if the user has the proper permissions on all the
respective components. If the user does not have the proper permissions on any
embedded Process Group, then the Parameter Context will not be applied for any
components."></i>
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.html
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.html
index beafa7566a..89bb4503c8 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.html
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.html
@@ -104,11 +104,17 @@
</div>
<div class="flex flex-col pt-3">
@if (selectedType) {
- <div class="flex items-center">
- <div class="selected-type-name font-medium
accent-color">
+ <div class="flex items-center mb-1">
+ <div
+ class="selected-type-name font-medium accent-color
overflow-ellipsis overflow-hidden whitespace-nowrap"
+ [title]="formatType(selectedType)">
{{ formatType(selectedType) }}
</div>
- <div class="selected-type-bundle surface-color">{{
formatBundle(selectedType) }}</div>
+ <div
+ class="selected-type-bundle surface-color ml-4
tracking-wide overflow-ellipsis overflow-hidden whitespace-nowrap"
+ [title]="formatBundle(selectedType)">
+ {{ formatBundle(selectedType) }}
+ </div>
</div>
<div class="selected-type-description"
[title]="formatDescription(selectedType)">
{{ formatDescription(selectedType) }}
diff --git
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
index bc67058ab5..ac4eaa9305 100644
---
a/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
+++
b/nifi-frontend/src/main/frontend/apps/nifi/src/app/ui/common/extension-creation/extension-creation.component.scss
@@ -30,21 +30,6 @@
}
}
- .selected-type-name {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- height: 24px;
- }
-
- .selected-type-bundle {
- margin-left: 15px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- letter-spacing: 0.25px;
- }
-
.selected-type-description {
overflow: hidden;
display: -webkit-box;
diff --git
a/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
b/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
index d574448f2a..091144017d 100644
--- a/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
+++ b/nifi-frontend/src/main/frontend/libs/shared/src/assets/styles/_app.scss
@@ -346,6 +346,11 @@
width: 100%;
}
+ // center input text in form fields
+ .mdc-text-field--outlined .mat-mdc-form-field-infix {
+ line-height: 24px;
+ }
+
.cdk-drop-list {
color: $material-theme-primary-palette-default;
}
