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