This is an automated email from the ASF dual-hosted git repository. pinal pushed a commit to branch branch-2.0 in repository https://gitbox.apache.org/repos/asf/atlas.git
The following commit(s) were added to refs/heads/branch-2.0 by this push: new e1bb5a4 ATLAS-4438:#2:UI: Term dialog box is stretched improperly when there are lots of terms to be populated e1bb5a4 is described below commit e1bb5a4d7cfab4ad06d37a97525891a6f18929dd Author: prasad pawar <prasad.pa...@freestoneinfotech.com> AuthorDate: Mon Oct 4 12:30:38 2021 +0530 ATLAS-4438:#2:UI: Term dialog box is stretched improperly when there are lots of terms to be populated Signed-off-by: Pinal Shah <pinal.s...@freestoneinfotech.com> --- dashboardv2/public/css/scss/override.scss | 5 +++++ .../public/js/templates/glossary/GlossaryLayoutView_tmpl.html | 4 ++-- dashboardv3/public/css/scss/override.scss | 5 +++++ .../public/js/templates/glossary/GlossaryLayoutView_tmpl.html | 4 ++-- 4 files changed, 14 insertions(+), 4 deletions(-) diff --git a/dashboardv2/public/css/scss/override.scss b/dashboardv2/public/css/scss/override.scss index 07b522e..94548ff 100644 --- a/dashboardv2/public/css/scss/override.scss +++ b/dashboardv2/public/css/scss/override.scss @@ -79,6 +79,11 @@ text-align: right; } } + + .tree-container { + max-height: 140px; + overflow-y: auto !important; + } } .modal-full-screen { diff --git a/dashboardv2/public/js/templates/glossary/GlossaryLayoutView_tmpl.html b/dashboardv2/public/js/templates/glossary/GlossaryLayoutView_tmpl.html index f3e8797..805e5dc 100644 --- a/dashboardv2/public/js/templates/glossary/GlossaryLayoutView_tmpl.html +++ b/dashboardv2/public/js/templates/glossary/GlossaryLayoutView_tmpl.html @@ -50,14 +50,14 @@ <div> <input type="text" class="form-control" data-id="searchTerm" placeholder="{{#if isAssignView}}Search Term{{else}}Search Glossary, Term{{/if}}"> </div> - <div data-id="termTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y:hidden;"> + <div data-id="termTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y:hidden;" class="tree-container"> </div> </div> <div class="col-sm-12 no-padding category-view" style="display: none;"> <div> <input type="text" class="form-control" data-id="searchCategory" placeholder="{{#if isAssignView}}Search Catalog{{else}}Search Glossary, Category{{/if}}"> </div> - <div data-id="categoryTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y: hidden;"> + <div data-id="categoryTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y: hidden;" class="tree-container"> </div> </div> </div> diff --git a/dashboardv3/public/css/scss/override.scss b/dashboardv3/public/css/scss/override.scss index 439bd1b..fb3604d 100644 --- a/dashboardv3/public/css/scss/override.scss +++ b/dashboardv3/public/css/scss/override.scss @@ -83,6 +83,11 @@ text-align: right; } } + + .tree-container { + max-height: 140px; + overflow-y: auto !important; + } } .modal-full-screen { diff --git a/dashboardv3/public/js/templates/glossary/GlossaryLayoutView_tmpl.html b/dashboardv3/public/js/templates/glossary/GlossaryLayoutView_tmpl.html index 1fa1e35..66fbd99 100644 --- a/dashboardv3/public/js/templates/glossary/GlossaryLayoutView_tmpl.html +++ b/dashboardv3/public/js/templates/glossary/GlossaryLayoutView_tmpl.html @@ -38,14 +38,14 @@ <div> <input type="text" class="form-control" data-id="searchTerm" placeholder="{{#if isAssignView}}Search Term{{else}}Search Glossary, Term{{/if}}"> </div> - <div data-id="termTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y:hidden;"> + <div data-id="termTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y:hidden;" class="tree-container"> </div> </div> <div class="col-sm-12 no-padding category-view" style="display: none;"> <div> <input type="text" class="form-control" data-id="searchCategory" placeholder="{{#if isAssignView}}Search Catalog{{else}}Search Glossary, Category{{/if}}"> </div> - <div data-id="categoryTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y: hidden;"> + <div data-id="categoryTree" style="margin-top: 5px;padding-bottom: 25px;overflow-x: auto;overflow-y: hidden;" class="tree-container"> </div> </div> </div>