ui/src/assets/panel_container.scss

// Copyright (C) 2023 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-panel-container {
  // We need to drag over this element for various reasons, so just disable
  // selection over the entire thing.
  // TODO(stevegolton): If we enable this, we can get scrolling while dragging,
  // so we might want to enable this here and disable selection in titles
  // instead.
  user-select: none;

  .pf-panel-stack {
    position: relative; // Position overlay relative to this element

    .pf-overlay {
      position: absolute;
      inset: 0; // Shorthand for [top, left, right, bottom]: 0
      pointer-events: none; // Make this overlay invisible to pointer events
    }

    .pf-panel {
      &.pf-sticky {
        position: sticky;
        top: 0;
        z-index: 1;
      }
    }
  }
}