1// Copyright (C) 2023 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@import "theme"; 16 17.pf-details-shell { 18 font-family: $pf-font; 19 display: flex; 20 flex-direction: column; 21 22 .pf-header-bar { 23 z-index: 1; 24 25 display: flex; 26 flex-direction: row; 27 align-items: baseline; 28 gap: 6px; 29 background-color: white; 30 color: black; 31 padding: 8px 8px 5px 8px; 32 border-bottom: 1px solid rgba(0, 0, 0, 0.2); 33 34 .pf-header-title { 35 font-size: 18px; 36 min-width: min-content; 37 white-space: nowrap; 38 } 39 40 .pf-header-description { 41 font-size: 14px; 42 flex-grow: 1; 43 flex-shrink: 1; 44 white-space: nowrap; 45 text-overflow: ellipsis; 46 overflow: hidden; 47 } 48 49 .pf-header-buttons { 50 display: flex; 51 min-width: min-content; 52 gap: 4px; 53 align-items: baseline; 54 } 55 } 56 57 .pf-content { 58 font-size: smaller; 59 flex-grow: 1; 60 font-weight: 300; 61 overflow-x: auto; 62 } 63 64 &.pf-fill-parent { 65 height: 100%; 66 overflow-y: hidden; 67 68 .pf-content { 69 overflow-y: auto; 70 } 71 } 72} 73