| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
| 4 | 4 |
| 5 .buttonbar button.combobutton { | 5 .buttonbar button.combobutton { |
| 6 -webkit-box-align: stretch; |
| 6 display: -webkit-box; | 7 display: -webkit-box; |
| 7 padding-left: 0; | |
| 8 padding-right: 0; | |
| 9 } | 8 } |
| 10 | 9 |
| 11 .buttonbar .combobutton .task-item div { | 10 .buttonbar .combobutton > img { |
| 12 padding-left: 7px; | 11 display: block; |
| 13 padding-right: 0; | 12 height: 16px; |
| 13 margin-bottom: 6px; |
| 14 margin-right: 4px; |
| 15 margin-top: 6px; |
| 16 width: 16px; |
| 14 } | 17 } |
| 15 | 18 |
| 16 .buttonbar .combobutton > div:nth-child(2) { | 19 .buttonbar .combobutton > span { |
| 20 -webkit-box-flex: 1; |
| 21 display: block; |
| 22 } |
| 23 |
| 24 .buttonbar .combobutton > div { |
| 17 border-left: solid 1px #dcdcdc; | 25 border-left: solid 1px #dcdcdc; |
| 18 display: none; | 26 display: none; |
| 27 margin-left: 8px; |
| 28 margin-right: -8px; |
| 19 width: 22px; | 29 width: 22px; |
| 20 } | 30 } |
| 21 | 31 |
| 22 .buttonbar .combobutton[multiple] > div:nth-child(2) { | 32 .buttonbar .combobutton[multiple] > div { |
| 23 display: block; | 33 display: block; |
| 24 } | 34 } |
| 25 | 35 |
| 26 .buttonbar .combobutton > div:nth-child(2) > span.disclosureindicator { | 36 .buttonbar .combobutton > div > span.disclosureindicator { |
| 27 -webkit-transform: rotate(90deg); | 37 -webkit-transform: rotate(90deg); |
| 28 } | 38 } |
| 29 | 39 |
| 30 .buttonbar .combobutton div.task-item { | |
| 31 line-height: normal; | |
| 32 } | |
| 33 | |
| 34 .buttonbar .combobutton .popup { | |
| 35 -webkit-box-align: stretch; | |
| 36 -webkit-box-orient: vertical; | |
| 37 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .50); | |
| 38 background: white; | |
| 39 border: 1px solid rgba(0, 0, 0, 0.25); | |
| 40 border-radius: 2px; | |
| 41 box-sizing: border-box; | |
| 42 color: black; | |
| 43 cursor: default; | |
| 44 display: -webkit-box; | |
| 45 opacity: 0; | |
| 46 padding: 8px 0; | |
| 47 pointer-events: none; | |
| 48 position: absolute; | |
| 49 right: 1px; | |
| 50 white-space: nowrap; | |
| 51 } | |
| 52 | |
| 53 .buttonbar .combobutton .popup:active { | |
| 54 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
| 55 } | |
| 56 | |
| 57 .buttonbar .combobutton[open] .popup { | |
| 58 opacity: 1; | |
| 59 pointer-events: auto; | |
| 60 } | |
| 61 | |
| 62 .buttonbar .combobutton .popup > * { | |
| 63 background: transparent; | |
| 64 border: 0; | |
| 65 font: inherit; | |
| 66 overflow: hidden; | |
| 67 text-overflow: ellipsis; | |
| 68 } | |
| 69 | |
| 70 .buttonbar .combobutton .popup > *:hover { | |
| 71 background-color: rgb(220, 229, 250); | |
| 72 } | |
| 73 | |
| 74 .buttonbar .combobutton .popup > *:active { | |
| 75 background-color: rgb(66, 109, 201); | |
| 76 color: #fff; | |
| 77 } | |
| 78 | |
| 79 .buttonbar .combobutton[hidden] { | 40 .buttonbar .combobutton[hidden] { |
| 80 display: none; | 41 display: none; |
| 81 } | 42 } |
| OLD | NEW |