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-panels {
    // Make this a positioned element so .pf-scroll-limiter is positioned
    // relative to this element.
    position: relative;

    // In the scrolling case, since the canvas is overdrawn and continuously
    // repositioned, we need the canvas to be in a div with overflow hidden and
    // height equalling the total height of the content to prevent scrolling
    // height from growing.
    .pf-scroll-limiter {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      overflow: hidden;

      // Make this overlay invisible to pointer events.
      pointer-events: none;
    }

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