| OLD | NEW |
|---|
| (Empty) |
| 1 /* | |
| 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | |
| 3 Use of this source code is governed by a BSD-style license that can be | |
| 4 found in the LICENSE file. | |
| 5 */ | |
| 6 | |
| 7 /* Styles for the intents list elements in intents_view.html. */ | |
| 8 | |
| 9 #intents-column-headers { | |
| 10 position: relative; | |
| 11 width: 100%; | |
| 12 } | |
| 13 | |
| 14 #intents-column-headers h3 { | |
| 15 font-size: 105%; | |
| 16 font-weight: bold; | |
| 17 margin: 10px 0; | |
| 18 } | |
| 19 | |
| 20 /* Notice the width and padding for these columns match up with those below. */ | |
| 21 #intents-site-column { | |
| 22 display: inline-block; | |
| 23 font-weight: bold; | |
| 24 width: 11em; | |
| 25 } | |
| 26 | |
| 27 #intents-data-column { | |
| 28 -webkit-padding-start: 7px; | |
| 29 display: inline-block; | |
| 30 font-weight: bold; | |
| 31 } | |
| 32 | |
| 33 #intents-list { | |
| 34 border: 1px solid #d9d9d9; | |
| 35 margin: 0; | |
| 36 } | |
| 37 | |
| 38 /* Enable animating the height of items. */ | |
| 39 list.intents-list .deletable-item { | |
| 40 -webkit-transition: height .15s ease-in-out; | |
| 41 } | |
| 42 | |
| 43 /* Disable webkit-box display. */ | |
| 44 list.intents-list .deletable-item > :first-child { | |
| 45 display: block; | |
| 46 } | |
| 47 | |
| 48 /* Force the X for deleting an origin to stay at the top. */ | |
| 49 list.intents-list > .deletable-item > .close-button { | |
| 50 position: absolute; | |
| 51 right: 2px; | |
| 52 top: 8px; | |
| 53 } | |
| 54 | |
| 55 html[dir=rtl] list.intents-list > .deletable-item > .close-button { | |
| 56 left: 2px; | |
| 57 right: auto; | |
| 58 } | |
| 59 | |
| 60 /* Styles for the site (aka origin) and its summary. */ | |
| 61 | |
| 62 .intents-site { | |
| 63 /* Notice that the width, margin, and padding match up with those above. */ | |
| 64 -webkit-margin-end: 2px; | |
| 65 -webkit-padding-start: 5px; | |
| 66 display: inline-block; | |
| 67 overflow: hidden; | |
| 68 text-overflow: ellipsis; | |
| 69 width: 11em; | |
| 70 } | |
| 71 | |
| 72 list.intents-list > .deletable-item[selected] .intents-site { | |
| 73 -webkit-user-select: text; | |
| 74 } | |
| 75 | |
| 76 .intents-data { | |
| 77 display: inline-block; | |
| 78 } | |
| 79 | |
| 80 list.intents-list > .deletable-item[selected] .intents-data { | |
| 81 -webkit-user-select: text; | |
| 82 } | |
| 83 | |
| 84 .intents-items { | |
| 85 /* Notice that the margin and padding match up with those above. */ | |
| 86 -webkit-margin-start: 11em; | |
| 87 -webkit-padding-start: 7px; | |
| 88 -webkit-transition: .15s ease-in-out; | |
| 89 display: table; | |
| 90 height: 0; | |
| 91 opacity: 0; | |
| 92 /* Make the intents items wrap correctly. */ | |
| 93 white-space: normal; | |
| 94 } | |
| 95 | |
| 96 .measure-items .intents-items { | |
| 97 -webkit-transition: none; | |
| 98 height: auto; | |
| 99 visibility: hidden; | |
| 100 } | |
| 101 | |
| 102 .show-items .intents-items { | |
| 103 opacity: 1; | |
| 104 } | |
| 105 | |
| 106 .intents-items .intents-item { | |
| 107 -webkit-box-orient: horizontal; | |
| 108 -webkit-box-pack: start; | |
| 109 background: #e0e9f5; | |
| 110 border: 1px solid #8392ae; | |
| 111 display: table-row; | |
| 112 font-size: 85%; | |
| 113 height: auto; | |
| 114 margin: 2px 4px 2px 0; | |
| 115 overflow: hidden; | |
| 116 padding: 0 3px; | |
| 117 text-align: center; | |
| 118 text-overflow: ellipsis; | |
| 119 } | |
| 120 | |
| 121 .intents-item .intents-item-action { | |
| 122 display: table-cell; | |
| 123 padding: 2px 5px; | |
| 124 } | |
| 125 | |
| 126 .intents-item .intents-item-types { | |
| 127 display: table-cell; | |
| 128 padding: 2px 5px; | |
| 129 overflow: hidden; | |
| 130 } | |
| 131 | |
| 132 .intents-item .intents-item-url { | |
| 133 display: table-cell; | |
| 134 padding: 2px 5px; | |
| 135 overflow: hidden; | |
| 136 text-overflow: ellipsis; | |
| 137 } | |
| 138 | |
| 139 .intents-items .intents-item:hover { | |
| 140 background: #eef3f9; | |
| 141 border-color: #647187; | |
| 142 } | |
| 143 | |
| 144 .intents-items .intents-item[selected] { | |
| 145 background: #f5f8f8; | |
| 146 border-color: #b2b2b2; | |
| 147 } | |
| 148 | |
| 149 .intents-items .intents-item[selected]:hover { | |
| 150 background: #f5f8f8; | |
| 151 border-color: #647187; | |
| 152 } | |
| 153 | |
| 154 /* Styles for the intents details box. */ | |
| 155 | |
| 156 .intents-details { | |
| 157 background: #f5f8f8; | |
| 158 border-radius: 5px; | |
| 159 border: 1px solid #b2b2b2; | |
| 160 margin-top: 2px; | |
| 161 padding: 5px; | |
| 162 } | |
| 163 | |
| 164 list.intents-list > .deletable-item[selected] .intents-details { | |
| 165 -webkit-user-select: text; | |
| 166 } | |
| 167 | |
| 168 .intents-details-table { | |
| 169 table-layout: fixed; | |
| 170 width: 100%; | |
| 171 } | |
| 172 | |
| 173 .intents-details-label { | |
| 174 vertical-align: top; | |
| 175 white-space: pre; | |
| 176 width: 10em; | |
| 177 } | |
| 178 | |
| 179 .intents-details-value { | |
| 180 word-wrap: break-word; | |
| 181 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 7717016:
Revert 97955 - First pass on intents options UI. (Closed)
Base URL: svn://svn.chromium.org/chrome/trunk/src/