chrome/browser/resources/pdf/elements/viewer-pdf-toolbar/viewer-pdf-toolbar.css

   1 /* Copyright 2015 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 /* We introduce a wrapper aligner element as setting the relevant attributes
   6  * (horizontal justified layout center) have no effect on the core-toolbar. */
   7 #aligner {
   8   width: 100%;
   9 }
  10
  11 #title {
  12   overflow: hidden;
  13   text-overflow: ellipsis;
  14   white-space: nowrap;
  15 }
  16
  17 #pageselector-container {
  18   text-align: center;
  19   /* The container resizes according to the width of the toolbar. On small
  20    * screens with large numbers of pages, overflow page numbers without
  21    * wrapping. */
  22   white-space: nowrap;
  23 }
  24
  25 #buttons {
  26   text-align: right;
  27 }
  28
  29 #buttons > paper-icon-button {
  30   margin-right: 8px;
  31 }
  32
  33 viewer-toolbar-dropdown {
  34   margin-right: 4px;
  35 }
  36
  37 paper-progress {
  38   height: 56px;
  39   position: absolute;
  40   width: 100%;
  41   z-index: 3;
  42 }
  43
  44 paper-progress {
  45   --paper-progress-active-color: rgb(50, 54, 57);
  46   --paper-progress-container-color: rgb(34, 36, 38);
  47 }
  48
  49 paper-toolbar {
  50   background-color: transparent;
  51   color: rgb(241, 241, 241);
  52   font-size: 1.5em;
  53   height: 56px;
  54   padding-left: 1em;
  55   padding-right: 1em;
  56   z-index: 3;
  57 }
  58
  59 paper-toolbar /deep/ ::selection {
  60   background: rgba(255, 255, 255, 0.3);
  61 }
  62
  63 paper-toolbar /deep/ .toolbar-tools {
  64   height: 56px;
  65 }
  66
  67 .invisible {
  68   visibility: hidden;
  69 }