Apache
/
nifi
mirror of https://github.com/apache/nifi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[NIFI-13361] determine extension description height base on $body-2 line-height configuration (#8927) 

This closes #8927
This commit is contained in:
Scott Aslan 2024-06-04 14:28:46 -05:00 committed by GitHub
parent e22ca038ed
commit a9c01903ee
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
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 Normal file
View File

@ -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};
}
}
}

1
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
View File

@ -50,7 +50,6 @@
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
height: 72px;
}
.no-selected-type {

3
nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-frontend/src/main/nifi/apps/nifi/src/styles.scss
View File

@ -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);