ui/src/assets/minimap.scss

// Copyright (C) 2026 The Android Open Source Project
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

.pf-minimap {
  $minimap-height: 70px;
  $header-height: 20px;

  height: $minimap-height;
  border-bottom: solid 1px var(--pf-color-border);
  position: relative;
  z-index: 1; // Stack above the VirtualOverlayCanvas canvas layer.
  overflow: hidden;
  contain: strict;

  // Semi-opaque overlay over non-visible time ranges.
  .pf-minimap__shade {
    position: absolute;
    top: $header-height;
    bottom: 0;
    background: var(--pf-color-neutral);
    opacity: 0.5;
    pointer-events: none;
  }

  .pf-minimap__selection-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: text;
  }

  .pf-minimap__drag-handle {
    cursor: grab;

    &:active {
      cursor: grabbing;
    }
  }

  .pf-minimap__brush {
    height: 100%;
    cursor: col-resize;
    z-index: 1;
  }

  // Vertical 1px line at the brush position.
  .pf-minimap__brush-line {
    position: absolute;
    top: $header-height;
    bottom: 0;
    left: 50%;
    border-left: solid 1px var(--pf-color-border);
    pointer-events: none;
  }

  // Small rectangular handlebar at the top of the brush.
  .pf-minimap__brush-handlebar {
    position: absolute;
    top: $header-height;
    left: 0;
    width: 100%;
    height: calc(($minimap-height - $header-height) * 0.4);
    background: var(--pf-color-border);
    pointer-events: none;
  }
}