geopf-extensions-openlayers/src/packages/CSS/Controls/Isochron/GPFisochron.css

French Geoportal Extensions for OpenLayers libraries

/* ISOCHRON */

div[id^=GPisochron-] {
  top: 140px;
  left: 10px;
}

/* Showing/hiding mouse position panel */

button[id^="GPshowIsochronPicto-"][aria-pressed="false"] + dialog {
  display: none;
  visibility: hidden;
  opacity: 0%;
}

button[id^="GPshowIsochronPicto-"][aria-pressed="true"] + dialog {
  display: flex;
  flex-direction: column;
  visibility: visible;
  opacity: 100%;
}

/* General panels */

dialog[id^=GPisochronPanel-] {
  position: absolute;
  height: inherit;
  top: 0px;
  left: 34px;
  z-index:2;
}

/* Isochron form */

input[id^="GPisochronOriginPointer"] + .GPisochronOriginPointerImg {
  background-position: -1px -1px;
}

input[id^="GPisochronOriginPointer"]:checked + .GPisochronOriginPointerImg {
  background-position: -29px -1px;
}

/* Alternative choice */

div[id^=GPisochronChoice] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

/*
input[id^=GPisochronChoiceAltChron] + .GPisochronChoiceAltImg {
  background-position: -56px 0;
}

input[id^=GPisochronChoiceAltChron]:checked + .GPisochronChoiceAltImg {
  background-position: -84px 0;
}

input[id^=GPisochronChoiceAltDist] + .GPisochronChoiceAltImg {
  background-position: -112px 0;
}

input[id^=GPisochronChoiceAltDist]:checked + .GPisochronChoiceAltImg {
  background-position: -140px 0;
}*/


/* Mode choice */

.GPisochronFormMini {
  max-height: 58px;
  overflow: hidden;
}

.GPisochronFormMini .GPpanelFooter button[id^="GPisochronReset-"],
.GPisochronFormMini .GPpanelFooter input[id^="GPisochronSubmit-"],
.GPisochronFormMini [id^="GPisochronPointLabelP-"],
.GPisochronFormMini [id^="GPisochronChoice-"],
.GPisochronFormMini [id^="GPisochronValueChronLabelP-"],
.GPisochronFormMini [id^="GPisochronValueChron-"],
.GPisochronFormMini [id^="GPisochronTransportChoice-"],
.GPisochronFormMini [id^="GPisochronDirectionChoice-"],
.GPisochronFormMini [id^="GPisoExclusions-"],
.GPisochronFormMini .GPpanelFooter,
.GPisochronFormMini button[id^="GPshowIsoExclusionsPicto-"] {
    display: none;
}

.GPisochronFormMini {
  max-height: 78px;
}

.GPisochronFormMini .GPelementShow {
  color: var(--grey-200-850);
}

div[id^=GPisochronTransportChoice] > div {
  display: inline-flex;
  gap: 1rem;
}

/* Showing/hiding exclusions */

button[id^="GPshowIsoExclusions"] {
  position: absolute;
  border: unset;
  bottom: unset;
  right: 0;
  transition: all 0.5s ease-out 0s;
  transform: translateY(-100%);
}

button[id^="GPshowIsoExclusions"][aria-pressed="true"] {
  transform: translateY(-100%) rotateX(180deg);
}

button[id^=GPshowIsoExclusions][aria-pressed="false"] + div[id^=GPisoExclusions] {
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
}

button[id^=GPshowIsoExclusions][aria-pressed="true"] + div[id^=GPisoExclusions] {
  display: block;
  max-height: 76px;
  opacity: 1;
  margin-bottom: 15px;
}

.GPisochronFormMini button[id^=GPshowIsoExclusions][aria-pressed="true"] + div[id^=GPisoExclusions] {
  display: none;
}

div[id^=GPisoExclusions] {
  transition: max-height 0.5s ease-in-out 0.25s, opacity 0.5s ease-in-out 0.25s, margin 0.3s ease-in-out 0.25s;
  overflow: hidden;
}

/* Reset picto */

button[id^=GPisochronReset] {

}

/* Result panel */

div[id^=GPisoResultsPanel] {
  padding: 15px;
}

div[id^=GPisoResultsNew]:hover {
  opacity: 1;
}

.GPisoResultsValue {
  display: flex;
}

/* Showing/hiding control Export ajouté à l'isochrone */
div[id^=GPisoResultsPanel-].GPelementHidden  + .container-buttons-plugin,
div[id^=GPisoResultsPanel-].gpf-hidden + .container-buttons-plugin {
  display: none;
}