openstack
/
horizon
Code Issues Proposed changes

Fix misaligned actions on table toolbar 

Fixed the misaligned action buttons on the table toolbar when the
browser is resized to be narrow.   Before this patch the filter fields and
buttons are dispalyed out of place when resizing the browser narrow.

Change-Id: I91cd6555a6a6e79b43134cbaa4ade0e2819ea6d2
Closes-Bug: #1357591
This commit is contained in:
Aaron Sahlin 2014-11-03 15:16:52 -06:00
parent 9f904e3935
commit 2b76d25ba5
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
openstack_dashboard/static/dashboard/scss/horizon.scss
View File

@ -625,7 +625,11 @@ table form {
.table_actions .table_search,
.table_actions .table_filter {
display: inline-block;
display: inline-flex;
display: -ms-inline-flexbox;
-ms-flex-direction: row;
display: -webkit-inline-flex;
display: -moz-inline-flex;
}
.table_search {
@ -670,6 +674,11 @@ td.loading {
}
.table_header .table_actions {
display: inline-flex;
display: -ms-inline-flexbox;
-ms-flex-direction: row;
display: -webkit-inline-flex;
display: -moz-inline-flex;
min-width: 0;
}
@ -678,6 +687,7 @@ td.loading {
.table_header .table_actions .table_search button {
display: inline-block;
float: none;
max-height: 32px;
}
.table_header .table_actions .table_search select {