IGNITE-8818 Web Console: Limit grid header height to 64px.

Project: http://git-wip-us.apache.org/repos/asf/ignite/repo
Commit: http://git-wip-us.apache.org/repos/asf/ignite/commit/a785ce09
Tree: http://git-wip-us.apache.org/repos/asf/ignite/tree/a785ce09
Diff: http://git-wip-us.apache.org/repos/asf/ignite/diff/a785ce09

Branch: refs/heads/ignite-8446
Commit: a785ce09b4315e4d0e8fdf28b6264512b248c806
Parents: e883b01
Author: Ilya Borisov <klast...@gmail.com>
Authored: Mon Jun 25 16:42:25 2018 +0700
Committer: Alexey Kuznetsov <akuznet...@apache.org>
Committed: Mon Jun 25 16:42:25 2018 +0700

----------------------------------------------------------------------
 .../app/components/list-of-registered-users/template.tpl.pug | 2 +-
 .../page-configure/components/pc-items-table/template.pug    | 2 +-
 .../components/queries-notebooks-list/template.tpl.pug       | 2 +-
 .../web-console/frontend/app/primitives/ui-grid/index.scss   | 8 ++++++++
 4 files changed, 11 insertions(+), 3 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/ignite/blob/a785ce09/modules/web-console/frontend/app/components/list-of-registered-users/template.tpl.pug
----------------------------------------------------------------------
diff --git 
a/modules/web-console/frontend/app/components/list-of-registered-users/template.tpl.pug
 
b/modules/web-console/frontend/app/components/list-of-registered-users/template.tpl.pug
index 98185f3..6656c90 100644
--- 
a/modules/web-console/frontend/app/components/list-of-registered-users/template.tpl.pug
+++ 
b/modules/web-console/frontend/app/components/list-of-registered-users/template.tpl.pug
@@ -34,7 +34,7 @@ ul.tabs.tabs--blue
             span.badge.badge--blue {{ $ctrl.countries.length }}
 
 .panel--ignite
-    .panel-heading.ui-grid-settings
+    .panel-heading.ui-grid-settings.ui-grid-ignite__panel
         .panel-title
             +ignite-form-field-bsdropdown({
                 label: 'Actions',

http://git-wip-us.apache.org/repos/asf/ignite/blob/a785ce09/modules/web-console/frontend/app/components/page-configure/components/pc-items-table/template.pug
----------------------------------------------------------------------
diff --git 
a/modules/web-console/frontend/app/components/page-configure/components/pc-items-table/template.pug
 
b/modules/web-console/frontend/app/components/page-configure/components/pc-items-table/template.pug
index 0a8475c..0dbb760 100644
--- 
a/modules/web-console/frontend/app/components/page-configure/components/pc-items-table/template.pug
+++ 
b/modules/web-console/frontend/app/components/page-configure/components/pc-items-table/template.pug
@@ -17,7 +17,7 @@
 include /app/helpers/jade/mixins
 
 .panel--ignite
-    .panel-heading.ui-grid-settings(ng-if='!$ctrl.hideHeader')
+    
.panel-heading.ui-grid-settings.ui-grid-ignite__panel(ng-if='!$ctrl.hideHeader')
         .panel-title
             .pc-items-table__table-name.ng-animate-disabled(
                 ng-hide='$ctrl.gridAPI.selection.getSelectedCount()'

http://git-wip-us.apache.org/repos/asf/ignite/blob/a785ce09/modules/web-console/frontend/app/components/page-queries/components/queries-notebooks-list/template.tpl.pug
----------------------------------------------------------------------
diff --git 
a/modules/web-console/frontend/app/components/page-queries/components/queries-notebooks-list/template.tpl.pug
 
b/modules/web-console/frontend/app/components/page-queries/components/queries-notebooks-list/template.tpl.pug
index c6268e0..614a6a6 100644
--- 
a/modules/web-console/frontend/app/components/page-queries/components/queries-notebooks-list/template.tpl.pug
+++ 
b/modules/web-console/frontend/app/components/page-queries/components/queries-notebooks-list/template.tpl.pug
@@ -27,7 +27,7 @@ page-queries-slot(slot-name="'queriesButtons'" 
ng-if="!$root.IgniteDemoMode")
 
 .queries-notebooks-list
     .panel--ignite
-        .panel-heading.ui-grid-settings
+        .panel-heading.ui-grid-settings.ui-grid-ignite__panel
             .panel-title
                 div(ng-if="!$root.IgniteDemoMode")
                     +ignite-form-field-bsdropdown({

http://git-wip-us.apache.org/repos/asf/ignite/blob/a785ce09/modules/web-console/frontend/app/primitives/ui-grid/index.scss
----------------------------------------------------------------------
diff --git a/modules/web-console/frontend/app/primitives/ui-grid/index.scss 
b/modules/web-console/frontend/app/primitives/ui-grid/index.scss
index a450090..c450dad 100644
--- a/modules/web-console/frontend/app/primitives/ui-grid/index.scss
+++ b/modules/web-console/frontend/app/primitives/ui-grid/index.scss
@@ -17,6 +17,14 @@
 
 @import '../../../public/stylesheets/variables';
 
+// Use this class to control grid header height
+.ui-grid-ignite__panel {
+    $panel-height: 64px;
+    $title-height: 36px;
+    padding-top: ($panel-height - $title-height) / 2 !important;
+    padding-bottom: ($panel-height - $title-height) / 2 !important;
+}
+
 .ui-grid.ui-grid--ignite {
     $height: 46px;
 

Reply via email to