Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 1 | /* |
2 | * Copyright 2019 The Chromium Authors. All rights reserved. | ||||
3 | * Use of this source code is governed by a BSD-style license that can be | ||||
4 | * found in the LICENSE file. | ||||
5 | */ | ||||
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 6 | |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 7 | .media-attributes-view { |
8 | border-bottom: 1px solid var(--divider-color); | ||||
9 | } | ||||
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 10 | |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 11 | .media-property-renderer { |
12 | line-height: 20px; | ||||
13 | height: 28px; | ||||
14 | padding: 4px 10px; | ||||
15 | } | ||||
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 16 | |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 17 | .media-property-renderer-hidden { |
18 | display: none; | ||||
19 | } | ||||
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 20 | |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 21 | .media-property-renderer-title { |
22 | font-size: 14px; | ||||
23 | } | ||||
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 24 | |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 25 | .media-property-renderer-contents { |
26 | position: absolute; | ||||
27 | left: 200px; | ||||
Ted Meyer | f7f41f3 | 2021-02-05 20:47:45 | [diff] [blame] | 28 | overflow: hidden; |
Ted Meyer | a98e938 | 2020-07-20 21:44:05 | [diff] [blame] | 29 | height: 20px; |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 30 | } |
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 31 | |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 32 | .media-property-renderer:nth-child(even) { |
Jack Franklin | 49a9481 | 2021-02-05 14:20:12 | [diff] [blame] | 33 | background: hsl(214deg 0% 97%); /* stylelint-disable-line plugin/use_theme_colors */ |
34 | /* See: crbug.com/1152736 for color variable migration. */ | ||||
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 35 | } |
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 36 | |
Ted Meyer | 446c499 | 2020-05-14 18:49:17 | [diff] [blame] | 37 | .media-property-renderer:hover { |
Jack Franklin | 49a9481 | 2021-02-05 14:20:12 | [diff] [blame] | 38 | background: hsl(214deg 70% 97%); /* stylelint-disable-line plugin/use_theme_colors */ |
39 | /* See: crbug.com/1152736 for color variable migration. */ | ||||
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 40 | } |
Mathias Bynens | b0c1f4b | 2020-05-15 14:34:41 | [diff] [blame] | 41 | |
Tim van der Lippe | 0ce0714 | 2020-07-07 13:08:10 | [diff] [blame] | 42 | .-theme-with-dark-background .media-property-renderer:nth-child(even) { |
43 | background: rgb(41 41 41); | ||||
44 | } | ||||
45 | |||||
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 46 | .media-properties-frame { |
47 | display: block; | ||||
Ted Meyer | f7f41f3 | 2021-02-05 20:47:45 | [diff] [blame] | 48 | overflow-x: hidden; |
Ted Meyer | 7dffce1 | 2019-12-20 21:32:37 | [diff] [blame] | 49 | } |