Justin Pomeroy 73f1e37304 Update styles to match latest horizon
This makes many small changes to the wizard, tables, form fields
and detail pages to match changes in base horizon.

Partially-Implements: blueprint horizon-lbaas-v2-ui
Change-Id: Id24ed0c6726d13756c5aefebb4b43c27613322c2
2016-03-07 09:52:19 -06:00

77 lines
2.1 KiB
SCSS

/*
* Copyright 2015 IBM Corp.
*
* Licensed under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an 'AS IS' BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* Load Balancer Wizard */
.lbaas-wizard {
/* Field widths for editable inputs in the members table */
table {
.member-weight,
.member-port {
width: 6em;
}
.member-address {
width: 18em;
}
}
/* The IP addresses list displayed when hovering over the IP address in the
available instances table. */
.addresses-popover + .popover {
ul {
list-style-type: disc;
padding-left: 10px;
}
}
/* Popover help icons for fields in the wizard */
.form-group {
span.fa-exclamation-triangle,
span.fa-question-circle {
color: $gray-light;
}
}
/* Pool Members tab */
[ng-form="memberDetailsForm"] {
.transfer-section:first-child {
/* Remove the borders around the last row in the top table that has the
"Add external member" action in it. */
.table-rsp.table-detail tbody tr:nth-last-child(2):not(.expanded) td,
.table-rsp.table-detail tbody tr:last-child:not(.spacer-row) td {
border-bottom: none;
}
/* Remove the striped background on the last row in the top table that has the
"Add external member" action in it. */
.table-rsp.table-detail.table-striped tbody tr:last-child > td {
background: none;
}
td {
/* So the input fields fit better in the table row */
.form-group {
margin-bottom: 0px;
}
}
}
.transfer-section:last-child {
/* Hide the badge on the bottom table with the instance count. */
.transfer-heading .badge {
display: none;
}
}
}
}