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 3 * found in the LICENSE file. */ 4 5.buttonbar button.combobutton { 6 align-items: stretch; 7 display: flex; 8} 9 10.buttonbar .combobutton > .action { 11 -webkit-padding-start: 21px; 12 background-position: left center; 13 background-repeat: no-repeat; 14 background-size: 16px 16px; 15} 16 17html[dir='rtl'] .buttonbar .combobutton > .action { 18 background-position: right center; 19} 20 21.buttonbar .combobutton > .trigger { 22 -webkit-border-start: solid 1px #dcdcdc; 23 -webkit-margin-end: -8px; 24 -webkit-margin-start: 8px; 25 width: 22px; 26} 27 28/* This pseudo element expands clickable area of the .trigger */ 29.buttonbar .combobutton > .trigger::before { 30 content: ''; 31 display: block; 32 height: 31px; 33 position: absolute; 34 top: -5px; 35 width: 30px; 36} 37 38.buttonbar .combobutton:not([multiple]) > .trigger { 39 display: none; 40} 41 42.buttonbar .combobutton > div > span.disclosureindicator { 43 -webkit-transform: rotate(90deg); 44} 45 46.buttonbar .combobutton[hidden] { 47 display: none; 48} 49