| OLD | NEW |
|---|
| 1 <html><head><!-- | 1 <html><head><!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
| 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 4 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
| 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
| 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
| 7 Code distributed by Google as part of the polymer project is also | 7 Code distributed by Google as part of the polymer project is also |
| 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
| 9 --><!-- | 9 --><!-- |
| 10 @license | 10 @license |
| (...skipping 3045 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3056 } | 3056 } |
| 3057 | 3057 |
| 3058 :host(:not([embedded])) #sizing-container { | 3058 :host(:not([embedded])) #sizing-container { |
| 3059 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width)
; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin
g); width: var(--card-sizing_-_width); | 3059 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width)
; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin
g); width: var(--card-sizing_-_width); |
| 3060 } | 3060 } |
| 3061 | 3061 |
| 3062 :host([is-card-end]) #main-container { | 3062 :host([is-card-end]) #main-container { |
| 3063 margin-bottom: var(--card-padding-between); | 3063 margin-bottom: var(--card-padding-between); |
| 3064 } | 3064 } |
| 3065 | 3065 |
| 3066 :host([is-card-start][is-card-end]) #main-container { | |
| 3067 border-radius: 2px; | |
| 3068 } | |
| 3069 | |
| 3070 #date-accessed { | 3066 #date-accessed { |
| 3071 display: none; | 3067 display: none; |
| 3072 } | 3068 } |
| 3073 | 3069 |
| 3074 :host([is-card-start]) #date-accessed { | 3070 :host([is-card-start]) #date-accessed { |
| 3075 display: block; | 3071 display: block; |
| 3076 } | 3072 } |
| 3077 | 3073 |
| 3078 #item-container { | 3074 #item-container { |
| 3079 align-items: center; | 3075 align-items: center; |
| (...skipping 97 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3177 } | 3173 } |
| 3178 | 3174 |
| 3179 #time-gap-separator { | 3175 #time-gap-separator { |
| 3180 -webkit-border-start: 1px solid #888; | 3176 -webkit-border-start: 1px solid #888; |
| 3181 -webkit-margin-start: 77px; | 3177 -webkit-margin-start: 77px; |
| 3182 height: 15px; | 3178 height: 15px; |
| 3183 } | 3179 } |
| 3184 | 3180 |
| 3185 #background-clip { | 3181 #background-clip { |
| 3186 bottom: -0.4px; | 3182 bottom: -0.4px; |
| 3187 clip: rect(auto 999px auto -5px); | |
| 3188 left: 0; | 3183 left: 0; |
| 3189 position: absolute; | 3184 position: absolute; |
| 3190 right: 0; | 3185 right: 0; |
| 3191 top: 0; | 3186 top: 0; |
| 3192 z-index: -1; | 3187 z-index: -1; |
| 3193 } | 3188 } |
| 3194 | 3189 |
| 3195 :host([is-card-end]) #background-clip { | 3190 :host([is-card-end]) #background-clip { |
| 3196 bottom: 0; | 3191 bottom: 0; |
| 3197 clip: rect(auto 999px 500px -5px); | |
| 3198 } | 3192 } |
| 3199 | 3193 |
| 3200 #background { | 3194 #background { |
| 3201 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 3195 z-index: -1; |
| 3202 background: #fff; | 3196 background: #fff; |
| 3203 bottom: 0; | 3197 bottom: 0; |
| 3204 left: 0; | 3198 left: -7px; |
| 3205 position: absolute; | 3199 position: absolute; |
| 3206 right: 0; | 3200 right: -7px; |
| 3207 top: 0; | 3201 top: 0; |
| 3202 |
| 3203 border-image-source: url("/images/100/shadow_border.png"); |
| 3204 border-image-repeat: strech; |
| 3205 border-style: solid; |
| 3206 border-image-slice: 30; |
| 3207 border-width: 0 20px 0px 20px; |
| 3208 background: #fff; |
| 3209 } |
| 3210 |
| 3211 :host([is-card-start]) #background { |
| 3212 border-width: 20px 20px 0px 20px; |
| 3213 top: -7px; |
| 3214 } |
| 3215 |
| 3216 :host([is-card-end]) #background { |
| 3217 border-width: 0 20px 20px 20px; |
| 3218 bottom: -7px; |
| 3208 } | 3219 } |
| 3209 | 3220 |
| 3210 :host([embedded]) #background { | 3221 :host([embedded]) #background { |
| 3211 display: none; | 3222 display: none; |
| 3212 } | 3223 } |
| 3213 | 3224 |
| 3214 :host(:not([is-card-start])) #background { | |
| 3215 top: -5px; | |
| 3216 } | |
| 3217 | |
| 3218 :host([is-card-start]) #background { | |
| 3219 border-radius: 2px 2px 0 0; | |
| 3220 } | |
| 3221 | |
| 3222 :host([is-card-end]) #background { | |
| 3223 border-radius: 0 0 2px 2px; | |
| 3224 } | |
| 3225 | |
| 3226 :host([is-card-start][is-card-end]) #background { | |
| 3227 border-radius: 2px; | |
| 3228 } | |
| 3229 | |
| 3230 </style> | 3225 </style> |
| 3231 | 3226 |
| 3232 <div id="sizing-container"> | 3227 <div id="sizing-container"> |
| 3233 <div id="main-container"> | 3228 <div id="main-container"> |
| 3234 <div id="background-clip"> | 3229 <div id="background"></div> |
| 3235 <div id="background"></div> | |
| 3236 </div> | |
| 3237 <div id="date-accessed" class="card-title"> | 3230 <div id="date-accessed" class="card-title"> |
| 3238 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]] | 3231 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]] |
| 3239 </div> | 3232 </div> |
| 3240 <div id="item-container"> | 3233 <div id="item-container"> |
| 3241 <button is="paper-icon-button-light" id="checkbox" on-mousedown="onChe
ckboxMousedown_" on-click="onCheckboxSelected_" disabled="[[selectionNotAllowed_
()]]" role="checkbox" aria-checked$="[[getAriaChecked_(selected)]]" aria-label$=
"[[getEntrySummary_(item)]]"> | 3234 <button is="paper-icon-button-light" id="checkbox" on-mousedown="onChe
ckboxMousedown_" on-click="onCheckboxSelected_" disabled="[[selectionNotAllowed_
()]]" role="checkbox" aria-checked$="[[getAriaChecked_(selected)]]" aria-label$=
"[[getEntrySummary_(item)]]"> |
| 3242 <div id="checkmark"></div> | 3235 <div id="checkmark"></div> |
| 3243 </button> | 3236 </button> |
| 3244 <span id="time-accessed">[[item.readableTimestamp]]</span> | 3237 <span id="time-accessed">[[item.readableTimestamp]]</span> |
| 3245 <div class="website-icon" id="icon"></div> | 3238 <div class="website-icon" id="icon"></div> |
| 3246 <div id="title-and-domain"> | 3239 <div id="title-and-domain"> |
| (...skipping 681 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 3928 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> | 3921 <history-side-bar id="drawer-side-bar" selected-page="[[selectedPage_]]"
route="[[route_]]" show-footer="[[showSidebarFooter]]" drawer=""> |
| 3929 </history-side-bar> | 3922 </history-side-bar> |
| 3930 </app-drawer> | 3923 </app-drawer> |
| 3931 </template> | 3924 </template> |
| 3932 | 3925 |
| 3933 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> | 3926 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}"
> |
| 3934 </iron-media-query> | 3927 </iron-media-query> |
| 3935 </template> | 3928 </template> |
| 3936 </dom-module> | 3929 </dom-module> |
| 3937 <script src="app.crisper.js"></script></body></html> | 3930 <script src="app.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2372453002:
[Experimental - DO NOT LAND] Use border-image for MD History shadows. (Closed)
