Skip to content
Snippets Groups Projects
  • Hugo NOUTS's avatar
    46dd6f28
    feat(HalfHour): Edited text related to half hour harvest activation · 46dd6f28
    Hugo NOUTS authored
    * Changed ActivationHalfHour component to host 2 different rendering.
    * Changed enedis button's css
    * FluidChart now queries half hour data from 3 days prior to selectedDate when the component knows traces of half hour data exist in db. When no data are retrieved, displays consent renewal button, otherwise displays related data and/or "Donnée manquante".
    46dd6f28
    History
    feat(HalfHour): Edited text related to half hour harvest activation
    Hugo NOUTS authored
    * Changed ActivationHalfHour component to host 2 different rendering.
    * Changed enedis button's css
    * FluidChart now queries half hour data from 3 days prior to selectedDate when the component knows traces of half hour data exist in db. When no data are retrieved, displays consent renewal button, otherwise displays related data and/or "Donnée manquante".
activateHalfHourLoad.scss 941 B
@import 'src/styles/base/breakpoint';
@import 'src/styles/base/color';

// Enedis Half Hour Load Activation
.activatehalfhour-box {
  background-color: rgba(18, 18, 18, 0.8);
  padding: 0rem 1rem 0rem 0rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 29.5rem;
  @media #{$large-phone} {
    min-height: 21.5rem;
  }

  .activatehalfhour-box-header {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2px;
    margin-bottom: 1.5em;
    color: $grey-bright;
    width: 50%;
    @media #{$large-phone} {
      width: 80%;
    }
  }
  button.btn-highlight {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    @media #{$large-phone} {
      width: 80%;
    }
  }
  .oauthform-button-content {
    display: flex;
    @media (min-width: $width-large-desktop) {
      display: block;
    }
  }
  .oauthform-button-text {
    align-self: center;
  }
}