resources/scss/filter/_filter.scss

   1 /*
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017-2021 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *       http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 .badgeFilter {
  22     color: #31708f;
  23     background-color: #fff;
  24     display: inline-block;
  25     white-space: nowrap;
  26     vertical-align: baseline;
  27     box-sizing: border-box;
  28     border-radius: 1em;
  29     border-color: #009fdb;
  30     margin: 0.4em 0.4em 0.4em 0em;
  31     padding: 1px;
  32     box-shadow: 1px 2px #abe0f5;
  33     border: 1px solid #7fd6f8;
  34     font-size: 0.9em;
  35 }
  36
  37 .badgeFilter span{
  38     float: left;
  39     padding: 0.1em 0.2em;
  40 }
  41
  42 .badgeFilter .close{
  43     float:left;
  44     color:#363434 !important
  45 }
  46
  47 .leftNavSelection {
  48     color:#ffffff;
  49     background-color: #009fdb;
  50     box-sizing : border-box;
  51     border-radius: 0.2em;
  52     border-color: #009fdb;
  53 }
  54
  55 .leftNavSelection div:hover {
  56     color:#000;
  57     background-color: #ffffff;
  58 }
  59 .leftNavSelected {
  60     color:#ffffff;
  61     background-color: #e99b0a;
  62     box-sizing : border-box;
  63     border-radius: 0.2em;
  64     border-color: #f59505;
  65 }
  66 #filters {
  67     margin:20px 0px 20px 20px;
  68 }
  69 .leftNavSelection header {
  70     margin:20px 0px 0px 0px;
  71     border-bottom:1px solid #fff;
  72     font-size: 16px;
  73     padding: 0.25em;
  74 }
  75 .mainSectionSelection .panel-primary {
  76     border: 1px solid transparent;
  77     border-color: #009fdb;
  78     border-radius: 1;
  79 }
  80 #filterPane .btn {
  81     padding: 6px 16px;
  82     margin: 0.2em;
  83     white-space: normal;
  84     box-shadow: 1px 2px #0c88d7;
  85 }
  86 #filterPane .dropdownButton {
  87     width:100%;
  88 }
  89 #filterPane .btn-secondary {
  90     background-color: #fdfdfd;
  91     border: 1px solid #d7dbf6;
  92 }
  93
  94 #filterPane .dropdown{
  95     width:100%;
  96 }
  97
  98 #filterPane .caret, #template .caret {
  99     right: 0px;
 100     top: 12px;
 101     position: absolute;
 102     margin: 0.2em;
 103 }
 104 #filterPane input {
 105     padding:5px 5px 7px 5px;
 106 }
 107 .topBottomMargin {
 108     margin:0.5em 0em;
 109 }
 110 #filterPane .label {
 111     display: inline-block;
 112     padding: 0.9em;
 113     margin: 1em 0em;
 114 }
 115 .custom-container{
 116     margin-right: auto;
 117     margin-left: auto;
 118     padding-left: 0px;
 119     padding-right: 0px;
 120     width: inherit;
 121 }
 122 .removeLeftPadding{
 123     padding-left:0px !important;
 124 }
 125 .resultMessage{
 126     font-size: 20px;
 127     font-family: inherit;
 128     font-weight: 500;
 129     line-height: 5;
 130     color: inherit;
 131 }
 132 .badgeFilter i{
 133     font-style: italic;
 134     font-size: 0.9em !important;
 135 }