resources/scss/components/_dateRangeSelector.scss

   1 /**
   2  * ============LICENSE_START=======================================================
   3  * org.onap.aai
   4  * ================================================================================
   5  * Copyright © 2017 AT&T Intellectual Property. All rights reserved.
   6  * Copyright © 2017 Amdocs
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  *       http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END=========================================================
  20  *
  21  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  22  */
  23
  24
  25 .dateRangeSelector {
  26   display: inline-block;
  27   position: absolute;
  28   margin-top: -1px;
  29 }
  30
  31 .dateRangeSelectorSearchButton span {
  32   margin: 0px 10px;
  33   font-weight: bold;
  34   color: $black;
  35 }
  36
  37 #dateRangeSelectorPopover .popover-content {
  38   padding: 5px;
  39 }
  40
  41 #dateRangeSelectorPopover li {
  42   list-style: none;
  43   margin: 5px 0px;
  44   padding: 0px;
  45   font-size: small;
  46   font-weight: bold;
  47   min-width: 200px;
  48   box-sizing: content-box;
  49 }
  50
  51 #dateRangeSelectorPopover li a {
  52   text-decoration: none;
  53   background-color: $white;
  54   display: block;
  55   color: $dark-gray;
  56   border-radius: 8px;
  57   padding: 8px 5px 5px 8px;
  58   border: solid 1px $tlv-gray;
  59 }
  60
  61 #dateRangeSelectorPopover li.active a,
  62 #dateRangeSelectorPopover li a:hover {
  63   background-color: $blue;
  64   color: $white;
  65 }
  66
  67 .dateRangeSearchButton {
  68   padding: 5px 5px 2px 5px;
  69   margin: 5px 0px 0px 0px;
  70 }