Style the page size selector
This commit is contained in:
parent
53954d1bc3
commit
546751a9b4
|
@ -75,6 +75,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.ember-power-select-selected-item,
|
||||
.dropdown-trigger-label {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
|
|
|
@ -41,6 +41,23 @@
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
&.is-horizontal {
|
||||
.field-label {
|
||||
margin-right: 1rem;
|
||||
padding-top: 0.3em;
|
||||
font-weight: $weight-semibold;
|
||||
white-space: nowrap;
|
||||
|
||||
&.is-small {
|
||||
padding-top: 0.55em;
|
||||
}
|
||||
|
||||
&.is-multiline {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.is-sub-field {
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
|
|
@ -5,6 +5,8 @@
|
|||
padding: 0.75rem 0.5rem;
|
||||
white-space: nowrap;
|
||||
order: 2;
|
||||
font-weight: $weight-semibold;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.pagination-previous,
|
||||
|
|
|
@ -263,9 +263,25 @@
|
|||
border-bottom-right-radius: $radius;
|
||||
border-bottom-left-radius: $radius;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
.pagination {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.field {
|
||||
margin-bottom: 0;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
|
||||
.label,
|
||||
.field-label {
|
||||
color: $grey;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue