1// Copyright (C) 2024 The Android Open Source Project 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); 4// you may not use this file except in compliance with the License. 5// You may obtain a copy of the License at 6// 7// http://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, 11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12// See the License for the specific language governing permissions and 13// limitations under the License. 14 15.viewer-page { 16 position: relative; 17 display: flex; 18 flex-direction: column; 19 overflow: hidden; 20 21 .pinned-panel-container { 22 max-height: 50%; 23 box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3); 24 z-index: 1; 25 flex-grow: 0; 26 flex-shrink: 0; 27 overflow-x: hidden; 28 overflow-y: auto; 29 scrollbar-gutter: stable; 30 } 31 32 .scrolling-panel-container { 33 overflow-x: hidden; 34 overflow-y: auto; 35 scrollbar-gutter: stable; 36 flex: 1 1 auto; 37 will-change: transform; // Force layer creation. 38 } 39 40 .details-panel-container { 41 box-shadow: #0000003b 0px 0px 3px 1px; 42 overflow: auto; 43 } 44 45 .pf-timeline-header { 46 display: flex; 47 flex-direction: row; 48 box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3); 49 z-index: 2; 50 51 .header-panel-container { 52 flex-grow: 1; 53 } 54 55 .scrollbar-spacer-vertical { 56 scrollbar-gutter: stable; 57 overflow-y: scroll; 58 visibility: hidden; 59 } 60 } 61 62 .pan-and-zoom-content { 63 flex: 1; 64 position: relative; 65 display: flex; 66 flex-flow: column nowrap; 67 overflow: hidden; 68 } 69 70 .overview-timeline { 71 height: 70px; 72 } 73 74 .time-axis-panel { 75 height: 22px; 76 } 77 78 .tickbar { 79 height: 5px; 80 } 81 82 .notes-panel { 83 height: 20px; 84 .pf-toolbar { 85 font-size: 24px; 86 } 87 } 88 89 .time-selection-panel { 90 height: 10px; 91 } 92} 93