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 a9c01903ee [NIFI-13361] determine extension description height base on
$body-2 line-height configuration (#8927)
a9c01903ee is described below
commit a9c01903ee06d7ca6bef23dafcc06ed4a27a8fd0
Author: Scott Aslan <[email protected]>
AuthorDate: Tue Jun 4 14:28:46 2024 -0500
[NIFI-13361] determine extension description height base on $body-2
line-height configuration (#8927)
This closes #8927
---
.../_extension-creation.component-theme.scss | 27 ++++++++++++++++++++++
.../extension-creation.component.scss | 1 -
.../src/main/nifi/apps/nifi/src/styles.scss | 3 +++
3 files changed, 30 insertions(+), 1 deletion(-)
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-theme.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-theme.scss
new file mode 100644
index 0000000000..9862441c99
--- /dev/null
+++
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-theme.scss
@@ -0,0 +1,27 @@
+/*!
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+@use 'sass:map';
+@use '@angular/material' as mat;
+
+@mixin generate-theme($material-theme) {
+ .extension-creation-dialog {
+ .selected-type-description {
+ height: #{mat.get-theme-typography($material-theme, body-2,
line-height) * 3};
+ }
+ }
+}
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 e9067c2d5d..bc67058ab5 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
@@ -50,7 +50,6 @@
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
- height: 72px;
}
.no-selected-type {
diff --git
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/styles.scss
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/styles.scss
index 5f33b953e8..8709f533cd 100644
---
a/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/styles.scss
+++
b/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/styles.scss
@@ -41,6 +41,7 @@
@use
'app/pages/provenance/ui/provenance-event-listing/provenance-event-table/lineage/lineage.component-theme'
as
lineage;
@use 'app/ui/common/context-menu/context-menu.component-theme' as context-menu;
+@use 'app/ui/common/extension-creation/extension-creation.component-theme' as
extension-creation;
@use 'app/ui/common/navigation/navigation.component-theme' as navigation;
@use
'app/ui/common/property-table/editors/nf-editor/nf-editor.component-theme' as
nf-editor;
@use 'app/ui/common/status-history/status-history.component-theme' as
status-history;
@@ -86,6 +87,7 @@
@include listing-table.generate-theme($material-theme-light,
$nifi-theme-light);
@include canvas.generate-theme($material-theme-light, $nifi-theme-light);
@include footer.generate-theme($nifi-theme-light);
+@include extension-creation.generate-theme($material-theme-light);
@include navigation-control.generate-theme($nifi-theme-light);
@include birdseye-control.generate-theme($material-theme-light,
$nifi-theme-light);
@include operation-control.generate-theme($nifi-theme-light);
@@ -117,6 +119,7 @@
@include listing-table.generate-theme($material-theme-dark,
$nifi-theme-dark);
@include canvas.generate-theme($material-theme-dark, $nifi-theme-dark);
@include footer.generate-theme($nifi-theme-dark);
+ @include extension-creation.generate-theme($material-theme-dark);
@include navigation-control.generate-theme($nifi-theme-dark);
@include birdseye-control.generate-theme($material-theme-dark,
$nifi-theme-dark);
@include operation-control.generate-theme($nifi-theme-dark);
