ui/webui/resources/css/controlled_indicator.css

   1 /* Copyright 2013 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 /* Controlled setting indicator and bubble. */
   6
   7 .controlled-setting-with-label input:disabled + span {
   8   color: #999;
   9 }
  10
  11 .controlled-setting-indicator {
  12   -webkit-margin-end: 0.3em;
  13 }
  14
  15 .controlled-setting-indicator:not([controlled-by]) {
  16   display: none;
  17 }
  18
  19 .controlled-setting-indicator[controlled-by] > div {
  20   background-position: 50%;
  21   background-size: 18px;
  22 }
  23
  24 .controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
  25     [controlled-by='hasRecommendation']) > div,
  26     .controlled-setting-indicator[controlled-by='policy'] > div {
  27   background-image: url(../images/business.svg);
  28 }
  29
  30 .controlled-setting-indicator[controlled-by='owner'] > div {
  31   background-image: url(../images/account_circle.svg);
  32 }
  33
  34 .controlled-setting-indicator[controlled-by='extension'] > div {
  35   background-image: url(../images/extension.svg);
  36 }
  37
  38 <if expr="chromeos">
  39 .controlled-setting-indicator[controlled-by='shared'] > div {
  40   background-image: url(../images/group.svg);
  41 }
  42 </if>
  43
  44 .controlled-setting-indicator[controlled-by='child-custodian'] > div {
  45   background-image: url(../images/account_child_invert.svg);
  46 }
  47
  48 .controlled-setting-indicator[controlled-by='supervised-user-custodian'] > div {
  49   background-image: url(../images/supervisor_account.svg);
  50 }
  51
  52 .controlled-setting-bubble-action {
  53   padding: 0 !important;
  54 }
  55
  56 .controlled-setting-bubble-header {
  57   margin-top: 3px;
  58 }
  59
  60 .controlled-setting-bubble-content-row {
  61   height: 35px;
  62   position: relative;
  63 }
  64
  65 .controlled-setting-bubble-extension-name {
  66   -webkit-padding-start: 30px;
  67   background-repeat: no-repeat;
  68   font-weight: bold;
  69   height: 24px;
  70   margin-top: -9px;
  71   overflow: hidden;
  72   padding-top: 3px;
  73   position: absolute;
  74   text-overflow: ellipsis;
  75   top: 50%;
  76   white-space: nowrap;
  77   width: 215px;
  78 }
  79
  80 html[dir='rtl'] .controlled-setting-bubble-extension-name {
  81   background-position: right top;
  82 }
  83
  84 .controlled-setting-bubble-extension-manage-link {
  85   margin-left: -0.35em;
  86   margin-top: -0.30em;
  87   position: absolute;
  88   top: 50%;
  89 }
  90
  91 .controlled-setting-bubble-extension-disable-button {
  92   bottom: 0;
  93   position: absolute;
  94   right: 0;
  95 }
  96
  97 html[dir='rtl'] .controlled-setting-bubble-extension-disable-button {
  98   left: 0;
  99   right: auto;
 100 }