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// Generic list with y-overflow, move me to a common file if we want to reuse. 16.pf-list { 17 overflow-y: auto; 18} 19 20.pf-multi-select-fixed-size { 21 max-height: 300px; 22} 23 24.pf-multiselect-panel { 25 font-family: $pf-font; 26 display: flex; 27 flex-direction: column; 28 align-items: stretch; 29 width: 280px; 30 & > .pf-search-bar { 31 margin-bottom: 8px; 32 display: flex; 33 & > .pf-search-box { 34 flex-grow: 1; 35 } 36 } 37 .pf-multiselect-item { 38 display: block; // Put each item on a new line 39 margin-top: 5px; 40 } 41 .pf-multiselect-header { 42 align-items: baseline; 43 display: flex; 44 position: sticky; 45 top: 0; 46 font-size: 1em; 47 background-color: white; 48 z-index: 1; 49 font-size: 0.75em; 50 border-bottom: solid 1px $pf-minimal-foreground; 51 padding-bottom: 2px; 52 min-width: max-content; 53 & > span { 54 margin-right: auto; 55 } 56 } 57 .pf-multiselect-container { 58 position: relative; 59 margin-bottom: 16px; 60 } 61} 62