diff --git a/src/less/datatables.less b/src/less/datatables.less index 852010b59b..7886b26909 100644 --- a/src/less/datatables.less +++ b/src/less/datatables.less @@ -282,6 +282,18 @@ } } } + .toolbar-pf-action-right { + > .btn { + margin-left: 5px; + } + > .dropdown-kebab-pf { + margin-left: 10px; + } + float: right; + @media (max-width: @grid-float-breakpoint) { + float: right; + } + } .toolbar-pf-results { > div { padding-left: 10px; @@ -302,7 +314,7 @@ width: 100%; } .dropdown-kebab-pf { - padding-left: @table-cell-padding; + padding-right: @table-cell-padding; } } diff --git a/tests/pages/_includes/widgets/datatables/datatable.html b/tests/pages/_includes/widgets/datatables/datatable.html index 6ad7432fec..cfef5623b6 100644 --- a/tests/pages/_includes/widgets/datatables/datatable.html +++ b/tests/pages/_includes/widgets/datatables/datatable.html @@ -36,15 +36,15 @@ className: "datatable-pf-actions", render: function (data, type, full, meta) { // Inline action kebab renderer - return ''; } } ], diff --git a/tests/pages/_includes/widgets/datatables/tmpl/toolbar.html b/tests/pages/_includes/widgets/datatables/tmpl/toolbar.html index 0094f4ea2b..ec5c4eb9de 100644 --- a/tests/pages/_includes/widgets/datatables/tmpl/toolbar.html +++ b/tests/pages/_includes/widgets/datatables/tmpl/toolbar.html @@ -22,7 +22,7 @@ - {% include widgets/kebab.html dropmenuType="dropdown btn-group" dropmenuId="actionsKebab" dropmenuVariation="dropdown-kebab-pf" %} + {% include widgets/kebab.html dropmenuType="dropdown" dropmenuPosition="pull-right" dropmenuId="actionsKebab" dropdownPosition="dropdown-menu-right" dropmenuVariation="dropdown-kebab-pf" %}