Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(56)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2378903004: MD History: Move the card sizing CSS to apply to the iron-list (Closed)
Patch Set: Remove unused CSS Created 4 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_item.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 3036 matching lines...) Expand 10 before | Expand all | Expand 10 after
3047 background: none; 3047 background: none;
3048 border: none; 3048 border: none;
3049 outline: none; 3049 outline: none;
3050 padding: 0; 3050 padding: 0;
3051 } 3051 }
3052 3052
3053 :host(:not([embedded])) #main-container { 3053 :host(:not([embedded])) #main-container {
3054 position: relative; 3054 position: relative;
3055 } 3055 }
3056 3056
3057 :host(:not([embedded])) #sizing-container {
3058 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 }
3060
3061 :host([is-card-end]) #main-container { 3057 :host([is-card-end]) #main-container {
3062 margin-bottom: var(--card-padding-between); 3058 margin-bottom: var(--card-padding-between);
3063 } 3059 }
3064 3060
3065 :host([is-card-start][is-card-end]) #main-container { 3061 :host([is-card-start][is-card-end]) #main-container {
3066 border-radius: 2px; 3062 border-radius: 2px;
3067 } 3063 }
3068 3064
3069 #date-accessed { 3065 #date-accessed {
3070 display: none; 3066 display: none;
(...skipping 150 matching lines...) Expand 10 before | Expand all | Expand 10 after
3221 :host([is-card-end]) #background { 3217 :host([is-card-end]) #background {
3222 border-radius: 0 0 2px 2px; 3218 border-radius: 0 0 2px 2px;
3223 } 3219 }
3224 3220
3225 :host([is-card-start][is-card-end]) #background { 3221 :host([is-card-start][is-card-end]) #background {
3226 border-radius: 2px; 3222 border-radius: 2px;
3227 } 3223 }
3228 3224
3229 </style> 3225 </style>
3230 3226
3231 <div id="sizing-container"> 3227 <div id="main-container">
3232 <div id="main-container"> 3228 <div id="background-clip">
3233 <div id="background-clip"> 3229 <div id="background"></div>
3234 <div id="background"></div> 3230 </div>
3231 <div id="date-accessed" class="card-title">
3232 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]]
3233 </div>
3234 <div id="item-container">
3235 <button is="paper-icon-button-light" id="checkbox" on-mousedown="onCheck boxMousedown_" on-click="onCheckboxSelected_" disabled="[[selectionNotAllowed_() ]]" role="checkbox" aria-checked$="[[getAriaChecked_(selected)]]" aria-label$="[ [getEntrySummary_(item)]]">
3236 <div id="checkmark"></div>
3237 </button>
3238 <span id="time-accessed">[[item.readableTimestamp]]</span>
3239 <div class="website-icon" id="icon"></div>
3240 <div id="title-and-domain">
3241 <a href="[[item.url]]" id="title" class="website-title" title="[[item. title]]" on-click="onLinkClick_" on-contextmenu="onLinkRightClick_">
3242 <history-searched-label title="[[item.title]]" search-term="[[search Term]]"></history-searched-label>
3243 </a>
3244 <span id="domain">[[item.domain]]</span>
3235 </div> 3245 </div>
3236 <div id="date-accessed" class="card-title"> 3246 <div id="star-container">
3237 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]] 3247 <template is="dom-if" if="[[item.starred]]">
3248 <button is="paper-icon-button-light" id="bookmark-star" title="$i18n {removeBookmark}" on-click="onRemoveBookmarkTap_">
3249 <iron-icon icon="cr:star"></iron-icon>
3250 </button>
3251 </template>
3238 </div> 3252 </div>
3239 <div id="item-container"> 3253 <button is="paper-icon-button-light" id="menu-button" class="more-vert-b utton" title="$i18n{moreActionsButton}" on-click="onMenuButtonTap_">
3240 <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)]]"> 3254 <div></div>
3241 <div id="checkmark"></div> 3255 <div></div>
3242 </button> 3256 <div></div>
3243 <span id="time-accessed">[[item.readableTimestamp]]</span> 3257 </button>
3244 <div class="website-icon" id="icon"></div>
3245 <div id="title-and-domain">
3246 <a href="[[item.url]]" id="title" class="website-title" title="[[ite m.title]]" on-click="onLinkClick_" on-contextmenu="onLinkRightClick_">
3247 <history-searched-label title="[[item.title]]" search-term="[[sear chTerm]]"></history-searched-label>
3248 </a>
3249 <span id="domain">[[item.domain]]</span>
3250 </div>
3251 <div id="star-container">
3252 <template is="dom-if" if="[[item.starred]]">
3253 <button is="paper-icon-button-light" id="bookmark-star" title="$i1 8n{removeBookmark}" on-click="onRemoveBookmarkTap_">
3254 <iron-icon icon="cr:star"></iron-icon>
3255 </button>
3256 </template>
3257 </div>
3258 <button is="paper-icon-button-light" id="menu-button" class="more-vert -button" title="$i18n{moreActionsButton}" on-click="onMenuButtonTap_">
3259 <div></div>
3260 <div></div>
3261 <div></div>
3262 </button>
3263 </div>
3264 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div>
3265 </div> 3258 </div>
3259 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div>
3266 </div> 3260 </div>
3267 </template> 3261 </template>
3268 </dom-module> 3262 </dom-module>
3269 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow"> 3263 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow">
3270 <template> 3264 <template>
3271 <style scope="history-list">[hidden] { 3265 <style scope="history-list">[hidden] {
3272 display: none !important; 3266 display: none !important;
3273 } 3267 }
3274 3268
3275 .card-title { 3269 .card-title {
(...skipping 74 matching lines...) Expand 10 before | Expand all | Expand 10 after
3350 transform: scale(0.8); 3344 transform: scale(0.8);
3351 } 3345 }
3352 3346
3353 :host { 3347 :host {
3354 box-sizing: border-box; 3348 box-sizing: border-box;
3355 display: block; 3349 display: block;
3356 overflow: auto; 3350 overflow: auto;
3357 padding-top: var(--first-card-padding-top); 3351 padding-top: var(--first-card-padding-top);
3358 } 3352 }
3359 3353
3360 history-item { 3354 iron-list {
3361 --history-item-padding-side: var(--card-padding-side); 3355 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);
3362 } 3356 }
3363 3357
3364 </style> 3358 </style>
3365 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]"> 3359 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">
3366 {{noResultsMessage(searchedTerm, querying)}} 3360 {{noResultsMessage(searchedTerm, querying)}}
3367 </div> 3361 </div>
3368 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]"> 3362 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">
3369 <template> 3363 <template>
3370 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}"> 3364 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}">
3371 </history-item> 3365 </history-item>
(...skipping 577 matching lines...) Expand 10 before | Expand all | Expand 10 after
3949 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer=""> 3943 <history-side-bar id="drawer-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" drawer="">
3950 </history-side-bar> 3944 </history-side-bar>
3951 </app-drawer> 3945 </app-drawer>
3952 </template> 3946 </template>
3953 3947
3954 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" > 3948 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >
3955 </iron-media-query> 3949 </iron-media-query>
3956 </template> 3950 </template>
3957 </dom-module> 3951 </dom-module>
3958 <script src="app.crisper.js"></script></body></html> 3952 <script src="app.crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/history_item.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698