<commit_before>@import '../../theme';

// Fixed progress bar
app-progress-bar {
  position: fixed;
  top: 0;
  z-index: 1000;
}

// Page Layout
.app-wrapper {
  min-height:100%;
  &.map-active {
    height: 100vh;
    overflow: hidden;
  }
  app-map {
    position:relative;
    display:block;
    width:100%;
    margin-top: $headerHeightSm;
    height: calc(100vh - #{$headerHeightSm});
    z-index:10;
  }
  app-map.cards-active {
    height: calc(100vh - #{$headerHeightSm} - #{grid(5)});
  }
  app-data-panel {
    display:block;
    position:relative;
    width:100%;
    background:#fff;
    z-index:200;
  }
}

// Additional spacing for software button
:host-context(.software-button) {
  .app-wrapper {
    app-map.cards-active {
      height: calc(100vh - #{$headerHeightSm} - #{grid(12)});
    }
  }
}

// Larger than mobile:
//    Adjust height of map / location cards to reflect large header.
:host-context(.gt-mobile) {
  .app-wrapper {
    app-map {
      margin-top: $headerHeightLg;
      height: calc(100vh - #{$headerHeightLg});
    }
  }
  .app-wrapper {
    app-map.cards-active {
      height: calc(100vh - #{$headerHeightLg} - #{grid(5)});
    }
  }
}

// Additional spacing for software button
:host-context(.gt-mobile.software-button) {
  .app-wrapper {
    app-map.cards-active {
      height: calc(100vh - #{$headerHeightLg} - #{grid(10)});
    }
  }
}

// Larger than tablet:
//    Adjust height of map / location cards to reflect large header.
:host-context(.gt-tablet) {
  .app-wrapper {
    app-map, app-map.cards-active {
      margin-top: $headerHeightLg;
      height: calc(100vh - #{$headerHeightLg});
    }
  }
}

// Map Overlay
.map-overlay {
  @include fill-parent();
  pointer-events:none;
  height: 100%;
  transition: background-color 0.2s ease;
  background-color: rgba(0,0,0,0);
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 50;
  &.active { 
    pointer-events:all; 
    background-color: rgba(0,0,0,0.1);
    .btn-map { opacity: 1; }
  }<commit_msg>Fix software button selector on desktop<commit_after>@import '../../theme';

// Fixed progress bar
app-progress-bar {
  position: fixed;
  top: 0;
  z-index: 1000;
}

// Page Layout
.app-wrapper {
  min-height:100%;
  &.map-active {
    height: 100vh;
    overflow: hidden;
  }
  app-map {
    position:relative;
    display:block;
    width:100%;
    margin-top: $headerHeightSm;
    height: calc(100vh - #{$headerHeightSm});
    z-index:10;
  }
  app-map.cards-active {
    height: calc(100vh - #{$headerHeightSm} - #{grid(5)});
  }
  app-data-panel {
    display:block;
    position:relative;
    width:100%;
    background:#fff;
    z-index:200;
  }
}

// Additional spacing for software button
:host-context(.software-button) {
  .app-wrapper {
    app-map.cards-active {
      height: calc(100vh - #{$headerHeightSm} - #{grid(12)});
    }
  }
}

// Larger than mobile:
//    Adjust height of map / location cards to reflect large header.
:host-context(.gt-mobile) {
  .app-wrapper {
    app-map {
      margin-top: $headerHeightLg;
      height: calc(100vh - #{$headerHeightLg});
    }
  }
  .app-wrapper {
    app-map.cards-active {
      height: calc(100vh - #{$headerHeightLg} - #{grid(5)});
    }
  }
}

// Additional spacing for software button
:host-context(.gt-mobile.software-button) {
  .app-wrapper {
    app-map.cards-active {
      height: calc(100vh - #{$headerHeightLg} - #{grid(10)});
    }
  }
}

// Larger than tablet:
//    Adjust height of map / location cards to reflect large header.
:host-context(.gt-tablet), :host-context(.gt-tablet.software-button) {
  .app-wrapper {
    app-map, app-map.cards-active {
      margin-top: $headerHeightLg;
      height: calc(100vh - #{$headerHeightLg});
    }
  }
}

// Map Overlay
.map-overlay {
  @include fill-parent();
  pointer-events:none;
  height: 100%;
  transition: background-color 0.2s ease;
  background-color: rgba(0,0,0,0);
  display:flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 50;
  &.active { 
    pointer-events:all; 
    background-color: rgba(0,0,0,0.1);
    .btn-map { opacity: 1; }
  }
{'fraction_non_alphanumeric': 0.16567057136026775, 'fraction_numerical': 0.03155629930671767, 'mean_word_length': 2.702654867256637, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '7137269', 'n_tokens_mistral': 1640, 'n_tokens_neox': 1506, 'n_words': 296}