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   font-size: 77.8%;
  13   font-weight: 500;
  14   overflow: hidden;
  15   text-overflow: ellipsis;
  16   white-space: nowrap;
  17 }
  18
  19 #pageselector-container {
  20   text-align: center;
  21   /* The container resizes according to the width of the toolbar. On small
  22    * screens with large numbers of pages, overflow page numbers without
  23    * wrapping. */
  24   white-space: nowrap;
  25 }
  26
  27 #buttons {
  28   -webkit-user-select: none;
  29   text-align: right;
  30 }
  31
  32 paper-icon-button {
  33   margin-right: 12px;
  34 }
  35
  36 viewer-toolbar-dropdown {
  37   margin-right: 4px;
  38 }
  39
  40 paper-progress {
  41   --paper-progress-active-color: rgb(50, 54, 57);
  42   --paper-progress-container-color: rgb(34, 36, 38);
  43   --paper-progress-height: 48px;
  44   position: absolute;
  45   width: 100%;
  46 }
  47
  48 paper-toolbar {
  49   @apply(--shadow-elevation-2dp);
  50   background-color: transparent;
  51   color: rgb(241, 241, 241);
  52   font-size: 1.5em;
  53   height: 48px;
  54   padding: 0 16px;
  55 }
  56
  57 paper-toolbar /deep/ ::selection {
  58   background: rgba(255, 255, 255, 0.3);
  59 }
  60
  61 paper-toolbar /deep/ .toolbar-tools {
  62   height: 48px;
  63 }
  64
  65 .invisible {
  66   visibility: hidden;
  67 }