4 * Copyright 2016 RIFT.IO Inc
6 * Licensed under the Apache License, Version 2.0 (the "License");
7 * you may not use this file except in compliance with the License.
8 * You may obtain a copy of the License at
10 * http://www.apache.org/licenses/LICENSE-2.0
12 * Unless required by applicable law or agreed to in writing, software
13 * distributed under the License is distributed on an "AS IS" BASIS,
14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
15 * See the License for the specific language governing permissions and
16 * limitations under the License.
19 @import "style/_colors.scss";
20 @import "style/layout.scss";
21 @import '../node_modules/open-iconic/font/css/open-iconic.css';
25 flex-direction:column;
27 flex-direction: column;
48 .app-body.create-fleet {
52 background:white !important;
53 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;
70 text-overflow: ellipsis;
80 /* Network service list styles */
82 .leftMinimizedNsListPanel {
89 background-color: white;
92 // vertical | horizontal
93 // top | horizonal | bottom
94 // top right bottom left
110 background-color: white;
131 .nsListPanelToolbar {
132 background-color: $gray;
145 margin-right: 0.85rem;
155 flex-direction: column;
169 text-overflow: ellipsis;
171 .nsList-body .nsListItemRow:nth-child(odd):not(.openedCard) {
172 background-color: $gray-lighter;
174 .nsList-body .nsListItemRow:nth-child(even):not(.openedCard) {
175 background-color: $gray-lightest;
177 .nsListItemRow.openedCard {
178 background-color: $lighter-blue;
181 background-color: $gray;
182 border-top: 1px solid $gray-lightest;
183 border-bottom: 1px solid $gray-lightest;
189 @extend .baseGridCell;
191 text-overflow: ellipsis;
196 @extend .baseGridCell;
197 text-transform: uppercase;
199 .nsListHeaderField.nsColAction {
201 .nsListItemField.nsColAction {
202 padding-left: 0.2rem;
206 border-right: 1px solid $gray-lightest;
210 @extend .colBorderRight;
214 @extend .colBorderRight;
218 @extend .colBorderRight;
222 @extend .colBorderRight;
232 // margin-top is a hack to fix the top of the glyph from
238 text-decoration: none;
242 /* Network service detail card styles */
245 //border: 1px solid black;
251 background-color: white;
256 background-color: $gray;
267 /* Angular wrapping */