Home | History | Annotate | Download | only in css 
      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   -webkit-box-align: stretch;
      7   display: -webkit-box;
      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 
     17 html[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