src/chrome/browser/resources/options/options_settings_app.css

   1 /* Copyright 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 /* Don't use the large margin used for the navigation bar. Settings App uses a
   6  * 20px margin for headings + 18px for sections.
   7  */
   8 html.settings-app body.uber-frame {
   9   -webkit-margin-start: 38px;
  10 }
  11
  12 /* There is a tweak in uber_shared.css to improve touch events around the
  13  * navigation bar (which is not used for the settings app) in reaction to a
  14  * webkit bug (wk95204). We need to reset back to the original style.
  15  */
  16 @media(pointer:coarse) {
  17   html.settings-app body.uber-frame section {
  18     -webkit-padding-start: 18px;
  19   }
  20   html.settings-app body.uber-frame section > h3 {
  21     -webkit-margin-start: -18px;
  22   }
  23 }
  24
  25 html.settings-app body.uber-frame header {
  26   left: 20px;
  27   min-width: 400px;
  28 }
  29
  30 html.settings-app #content-settings-page .content-area {
  31   -webkit-margin-start: 18px;
  32 }
  33
  34 /* Settings App is narrower due to no navigation margin, so the roomy language
  35  * overlay needs to be trimmed down. 25% is taken off the original height and
  36  * the width is trimmed proportional to (half) the reduction due to the removal
  37  * of the left margin.
  38  */
  39 html.settings-app .language-options-left {
  40   height: 300px;
  41   width: 228px;
  42 }
  43
  44 html.settings-app .language-options-right {
  45   height: 300px;
  46   width: 288px;
  47 }