horizon/openstack_dashboard/static/dashboard/scss/_util.scss
Cindy Lu c58e5b8779 Use items per page setting on Angular tables
Make NG table get page size from the items per page setting
instead of a fixed number which is 20.

The styling of the pagination control is the same as the
django table with the prev and next links.

Co-Authored-By: Liuqing Jing <jing.liuqing@99cloud.net>
Co-Authored-By: Vladislav Kuzmin <vkuzmin@mirantis.com>

Change-Id: Ie5307e335ca3251a342d370e7277fe16067f7949
Closes-Bug: #1647677
2018-04-09 12:38:06 +04:00

70 lines
1.1 KiB
SCSS

/* Some utility classes useful everywhere */
@import "/horizon/lib/bootstrap_scss/scss/bootstrap/mixins";
.row .horizontal-center,
.horizontal-center {
@include horizontal-center();
}
.vertical-center {
@include vertical-center();
}
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clear {
clear: both;
width: 0;
height: 0;
padding: 0;
margin: 0;
}
.header_rule {
margin-top: 0;
}
input::-ms-clear, input::-ms-reveal {
display: none;
}
// Used to x-scroll to Pre-formatted text.
.pre_scrollable {
display: table;
table-layout: fixed;
width: 100%;
pre {
word-wrap: normal;
}
}
// Set on an element that you would like to word wrap to container size
.word-wrap {
width: 100%;
word-wrap: break-word;
}
.truncate {
display: block;
@include text-overflow();
}
// Add functionality for a horizontal Bootstrap toggle element
.collapsing.width {
@include transition-property(width, visibility);
width: 0;
height: auto;
}
[ng-click] {
cursor: pointer;
}