resources/scss/components/_dateRangeSelector.scss

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