<commit_before>/**
 * Entry point for all styles required for the mobile application.
 */

$map-tools-size: 2.50rem !default;
$border-color: black !default;

@import '~gmf/sass/vars_only.scss';

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/_variables.scss";
@import "~@fortawesome/fontawesome-free/scss/_variables.scss";

@import '~gmf/sass/font.scss';
@import '~gmf/sass/base.scss';
@import '~gmf/sass/map.scss';
@import '~gmf/sass/input-range.scss';
@import '~gmf/sass/fullscreenpopup.scss';
@import '~gmf/sass/iphone.scss';
@import '~gmf/controllers/mobile-nav.scss';
@import '~gmf/search/mobile.scss';

@import '~gmf/layertree/mobile.scss';


/**
 * Mobile specific css only !
 * Please, use shared less files to describe desktop-mobile shared css
 */
.spinner-loading-mask {
  color: red;
  font-size: 125px;
}

.loading-mask {
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}

main>* {
  position: absolute;
}

main button {
  height: $map-tools-size;
  width: $map-tools-size;
  padding: 0;
  border-radius: $border-radius-base;
}

gmf-map {
  position: static;
  > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.gmf-mobile-measure {
  bottom: $app-margin;
  right: $app-margin;
  a {
    display: block;
    float: left;
    margin-left: $micro-app-margin;
  }
}

gmf-map {
  .tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: $border-radius-base;
    color: white;
    padding: $half-app-margin $app-margin;
    opacity: 0.7;
    white-space: nowrap;
  }
  .ngeo-tooltip-measure {
    opacity: 1;
    font-weight: bold;
    z-index: $content-index;
  }
  .ngeo-tooltip-static {
    background-color: #ffcc33;
    color: $color;
    border: 0.06rem solid white;
  }
  .ngeo-tooltip-measure::before,
  .ngeo-tooltip-static::before {
    border-top: $half-app-margin solid $border-color;
    border-right: $half-app-margin solid transparent;
    border-left: $half-app-margin solid transparent;
    content: "";
    position: absolute;
    bottom: -$half-app-margin;
    margin-left: -$half-app-margin;
    left: 50%;
  }
  .ngeo-tooltip-static::before {
    border-top-color: #ffcc33;
  }
}

.ol-rotate {
  top: 4 * $map-tools-size + 2 * $app-margin + 3 * $micro-app-margin;
  right: $app-margin;
  left: auto;
  font-size: 0.6rem;
  .ol-rotate-reset {
    border-radius: $border-radius-base;
  }
}

.ol-zoom {
  top: $app-margin + $map-tools-size + $app-margin;
  right: $app-margin;
  left: auto;
  .ol-zoom-in, .ol-zoom-out {
    font-size: $icon-font-size;
    border-radius: $border-radius-base;
  }
}

.ol-rotate,
.ol-zoom {
  button {
    &:hover {
      background-color: $map-tools-bg-color;
    }
  }
}

.ol-scale-line {
  bottom: $app-margin;
  left: $app-margin;
}

button[ngeo-mobile-geolocation] {
  right: $app-margin;
  top: 3 * $map-tools-size + 2 * $app-margin + 2 * $micro-app-margin;
}

.ngeo-notification {
  $notification-width: 12.5rem !default;
  left: 50%;
  margin: 0 0 0 calc(-#{$notification-width} / 2);
  position: absolute;
  top: 0;
  width: $notification-width;
  z-index: $above-all;
}

// Overrides for tablet devices and up
@media (min-width: map-get($grid-breakpoints, "sm")) {
  .gmf-mobile-measure {
    right: 2 * $app-margin + $map-tools-size;
  }
  .ol-rotate {
    top: $app-margin + $map-tools-size + $micro-app-margin;
  }
  .ol-zoom {
    top: auto;
    bottom: $app-margin + $map-tools-size;
  }
  button[ngeo-mobile-geolocation] {
    top: auto;
    bottom: $app-margin;
  }
}

/** Disclaimer, and tablet redirect */
main .gmf-app-map-messages {
  text-align: left;
}

/** ngeo-displayquery-window */
main div.ngeo-displaywindow {<commit_msg>Fix app map messages on mobile<commit_after>/**
 * Entry point for all styles required for the mobile application.
 */

$map-tools-size: 2.50rem !default;
$border-color: black !default;

@import '~gmf/sass/vars_only.scss';

@import "~bootstrap/scss/_functions.scss";
@import "~bootstrap/scss/_variables.scss";
@import "~@fortawesome/fontawesome-free/scss/_variables.scss";

@import '~gmf/sass/font.scss';
@import '~gmf/sass/base.scss';
@import '~gmf/sass/map.scss';
@import '~gmf/sass/input-range.scss';
@import '~gmf/sass/fullscreenpopup.scss';
@import '~gmf/sass/iphone.scss';
@import '~gmf/controllers/mobile-nav.scss';
@import '~gmf/search/mobile.scss';

@import '~gmf/layertree/mobile.scss';


/**
 * Mobile specific css only !
 * Please, use shared less files to describe desktop-mobile shared css
 */
.spinner-loading-mask {
  color: red;
  font-size: 125px;
}

.loading-mask {
  display: flex;
  align-items: center;
  justify-content: center;
  height:100%;
}

main>* {
  position: absolute;
}

main button {
  height: $map-tools-size;
  width: $map-tools-size;
  padding: 0;
  border-radius: $border-radius-base;
}

gmf-map {
  position: static;
  > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

.gmf-mobile-measure {
  bottom: $app-margin;
  right: $app-margin;
  a {
    display: block;
    float: left;
    margin-left: $micro-app-margin;
  }
}

gmf-map {
  .tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: $border-radius-base;
    color: white;
    padding: $half-app-margin $app-margin;
    opacity: 0.7;
    white-space: nowrap;
  }
  .ngeo-tooltip-measure {
    opacity: 1;
    font-weight: bold;
    z-index: $content-index;
  }
  .ngeo-tooltip-static {
    background-color: #ffcc33;
    color: $color;
    border: 0.06rem solid white;
  }
  .ngeo-tooltip-measure::before,
  .ngeo-tooltip-static::before {
    border-top: $half-app-margin solid $border-color;
    border-right: $half-app-margin solid transparent;
    border-left: $half-app-margin solid transparent;
    content: "";
    position: absolute;
    bottom: -$half-app-margin;
    margin-left: -$half-app-margin;
    left: 50%;
  }
  .ngeo-tooltip-static::before {
    border-top-color: #ffcc33;
  }
}

.ol-rotate {
  top: 4 * $map-tools-size + 2 * $app-margin + 3 * $micro-app-margin;
  right: $app-margin;
  left: auto;
  font-size: 0.6rem;
  .ol-rotate-reset {
    border-radius: $border-radius-base;
  }
}

.ol-zoom {
  top: $app-margin + $map-tools-size + $app-margin;
  right: $app-margin;
  left: auto;
  .ol-zoom-in, .ol-zoom-out {
    font-size: $icon-font-size;
    border-radius: $border-radius-base;
  }
}

.ol-rotate,
.ol-zoom {
  button {
    &:hover {
      background-color: $map-tools-bg-color;
    }
  }
}

.ol-scale-line {
  bottom: $app-margin;
  left: $app-margin;
}

button[ngeo-mobile-geolocation] {
  right: $app-margin;
  top: 3 * $map-tools-size + 2 * $app-margin + 2 * $micro-app-margin;
}

.ngeo-notification {
  $notification-width: 12.5rem !default;
  left: 50%;
  margin: 0 0 0 calc(-#{$notification-width} / 2);
  position: absolute;
  top: 0;
  width: $notification-width;
  z-index: $above-all;
}

// Overrides for tablet devices and up
@media (min-width: map-get($grid-breakpoints, "sm")) {
  .gmf-mobile-measure {
    right: 2 * $app-margin + $map-tools-size;
  }
  .ol-rotate {
    top: $app-margin + $map-tools-size + $micro-app-margin;
  }
  .ol-zoom {
    top: auto;
    bottom: $app-margin + $map-tools-size;
  }
  button[ngeo-mobile-geolocation] {
    top: auto;
    bottom: $app-margin;
  }
}

/** Disclaimer, and tablet redirect */
main .gmf-app-map-messages {
  bottom: 50px;
  text-align: left;

  .alert.fade:not(.show) {
    display: none;
  }
}

/** ngeo-displayquery-window */
main div.ngeo-displaywindow {
{'fraction_non_alphanumeric': 0.17191219254165566, 'fraction_numerical': 0.01348849510711452, 'mean_word_length': 3.003705664372684, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '659589', 'n_tokens_mistral': 3059, 'n_tokens_neox': 2953, 'n_words': 582}