ecomp-portal-FE-os/client/src/styles/ecomp-abs.less

/*-
 * ============LICENSE_START==========================================
 * ONAP Portal
 * ===================================================================
 * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
 * ===================================================================
 *
 * Unless otherwise specified, all software contained herein is licensed
 * under the Apache License, Version 2.0 (the "License");
 * you may not use this software 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.
 *
 * Unless otherwise specified, all documentation contained herein is licensed
 * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
 * you may not use this documentation except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *             https://creativecommons.org/licenses/by/4.0/
 *
 * Unless required by applicable law or agreed to in writing, documentation
 * 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.
 *
 * ============LICENSE_END============================================
 *
 * 
 */
.c-ecomp-portal-abs-table{
    width: 100%;
    height: 600px;
    overflow-x: auto;
    overflow-y: auto;
    background-color: @portalLightGray;

    .tablesorter-default {
        //border: 1px solid @q;

        th,
        thead td {
            .dGray16m;
            color: #333333;
            background-color: @portalLightGray;
            border-collapse: collapse;
            //border-top-style: none;
            border: 1px solid @q;
            padding: 0;
            font-weight: 700;
            height: 38px;
        }

        tbody tr td {
            .dGray16m;
            border-left: 1px solid @portalLGray;
            background-color: @portalWhite;
            border-bottom: 1px solid @portalLGray;
            height: 32px;
            div {
                line-height: 32px;
            }
        }

        .td-first {
            border-left: none;
        }

        .tablesorter-search-highlight {
            font-weight: bold;
        }


        tr:first-child {
            border-bottom: 1px solid @portalLGray;
        }

        th:first-child{
            border-right: 1px solid @portalLGray;
        }
        th:nth-child(2){
            border-right: 1px solid @portalLGray;
        }
        th:nth-child(3){
            border-right: 1px solid @portalLGray;
        }

        tr:last-child {
            td {
                border-bottom-style:  none;
            }
        }


    }
}

//portal abs select component
.c-ecomp-portal-abs-select{
    width: @select-width;
    display: inline-block;
    margin-right: 10px;
    .select2-chosen{
        width: @select-width;
        line-height: 20px;
    }
    .select2-container .select2-choice {
        width: @select-width;
        border-radius: 6px;
        border-color: @portalLGray;
    }

  .select2-results {
    width: @select-width;
    background-color: @portalWhite;
  }

    .form-field, .form-field-input-container {
        width: @select-width;
    }
}

// styles needed on Edit Functional Menu jqtree template
.dropdown-menu{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	font-size:14px;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.15);
	border-radius:6px;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
	background-clip:padding-box
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
}