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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: chrome/browser/resources/md_history/lazy_load.vulcanized.html

Issue 2684493002: MD History: Delete Grouped History (Closed)
Patch Set: Vulc Created 3 years, 10 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.crisper.js ('k') | chrome/browser/resources/md_history/list_container.html » ('j') | chrome/browser/resources/md_history/query_manager.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/md_history/lazy_load.vulcanized.html
diff --git a/chrome/browser/resources/md_history/lazy_load.vulcanized.html b/chrome/browser/resources/md_history/lazy_load.vulcanized.html
index d804ed4792247034e969742a2b91a69ac2182747..563349d8f49de4cec0d73a1d4760b4c5817b1a9b 100644
--- a/chrome/browser/resources/md_history/lazy_load.vulcanized.html
+++ b/chrome/browser/resources/md_history/lazy_load.vulcanized.html
@@ -14,208 +14,7 @@ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
---><meta charset="UTF-8"></head><body><div hidden="" by-vulcanize="">
-
-<dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-collapse/" css-build="shadow">
-
- <template>
-
- <style scope="iron-collapse">:host {
- display: block;
- transition-duration: var(--iron-collapse-transition-duration, 300ms);
- overflow: visible;
-}
-
-:host(.iron-collapse-closed) {
- display: none;
-}
-
-:host(:not(.iron-collapse-opened)) {
- overflow: hidden;
-}
-
-</style>
-
- <content></content>
-
- </template>
-
-</dom-module>
-
-<dom-module id="history-grouped-list" assetpath="chrome://history/" css-build="shadow">
- <template>
- <style scope="history-grouped-list">[hidden] {
- display: none !important;
-}
-
-a {
- color: var(--link-color);
-}
-
-.card-title {
- align-items: center;
- border-bottom: 1px solid var(--card-border-color);
- border-radius: 2px 2px 0 0;
- display: flex;
- font-size: 108%;
- font-weight: 500;
- height: 48px;
- line-height: 48px;
- overflow: hidden;
- padding: 0 20px;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.centered-message {
- align-items: center;
- color: var(--md-loading-message-color);
- display: flex;
- flex: 1;
- font-size: 108%;
- font-weight: 500;
- height: 100%;
- justify-content: center;
-}
-
-.website-icon {
- -webkit-margin-end: 16px;
- background-repeat: no-repeat;
- background-size: 16px;
- height: 16px;
- width: 16px;
-}
-
-.website-title {
- color: var(--primary-text-color);
- overflow: hidden;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-button.icon-button {
- background: none;
- border: none;
- height: 36px;
- outline: none;
- width: 36px;
-}
-
-button.icon-button iron-icon {
- height: 20px;
- width: 20px;
-}
-
-button.more-vert-button {
- height: 36px;
- padding: 8px;
- width: 36px;
-}
-
-button.more-vert-button div {
- border: 2px solid var(--secondary-text-color);
- border-radius: 2px;
- margin: 1px 8px;
- pointer-events: none;
- transform: scale(0.8);
-}
-
-:host {
- display: block;
- overflow: auto;
- position: relative;
-}
-
-#main-container {
- margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width); min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_padding); width: var(--card-sizing_-_width);
- align-items: center;
- display: flex;
- flex-direction: column;
- padding-top: var(--first-card-padding-top);
-}
-
-.domain-heading {
- align-items: center;
- display: flex;
- height: var(--item-height);
- padding: 0 20px;
-}
-
-.domain-count {
- color: var(--secondary-text-color);
- padding-left: 10px;
-}
-
-.domain-heading-text {
- display: flex;
-}
-
-.group-container {
- box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
- background: #fff;
- border-radius: 2px;
- margin-bottom: var(--card-padding-between);
- max-width: var(--card-max-width);
- min-width: var(--card-min-width);
- width: 100%;
-}
-
-.card-title {
- margin-bottom: var(--card-first-last-item-padding);
-}
-
-.domain-heading-text {
- flex: 1 1 0;
-}
-
-.dropdown-indicator {
- max-width: 16px;
-}
-
-history-item {
- padding-left: 20px;
-}
-
-</style>
- <div id="no-results" class="centered-message" hidden$="[[hasResults(groupedHistoryData_.length)]]">
- [[noResultsMessage(searchedTerm, querying)]]
- </div>
- <div id="main-container" hidden$="[[!hasResults(groupedHistoryData_.length)]]">
- <template is="dom-repeat" items="[[groupedHistoryData_]]" as="group" initial-count="1" index-as="groupIndex">
- <div class="group-container">
- <div class="card-title">
- [[group.title]]
- </div>
-
- <template is="dom-repeat" items="[[group.domains]]" as="domain" initial-count="10" index-as="domainIndex">
- <div>
- <div class="domain-heading" on-tap="toggleDomainExpanded_">
- <div class="domain-heading-text">
- <div class="website-icon" style="[[getWebsiteIconStyle_(domain)]]"></div>
- <span>[[domain.domain]]</span>
- <span class="domain-count">[[domain.visits.length]]</span>
- </div>
- <iron-icon icon="[[getDropdownIcon_(domain.expanded)]]" class="dropdown-indicator"></iron-icon>
- </div>
- <iron-collapse opened="{{domain.expanded}}" id="collapse">
- <template is="dom-if" if="[[domain.rendered]]">
- <template is="dom-repeat" items="[[domain.visits]]" as="item" initial-count="5" index-as="itemIndex">
- <history-item item="[[item]]" selected="{{item.selected}}" has-time-gap="[[needsTimeGap_(
- groupIndex, domainIndex, itemIndex)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData.length]]" path="[[pathForItem_(
- groupIndex, domainIndex, itemIndex)]]" embedded="">
- </history-item>
- </template>
- </template>
- </iron-collapse>
- </div>
- </template>
- </div>
- </template>
- </div>
- </template>
- </dom-module>
-<dom-module id="paper-material-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-material/" css-build="shadow">
+--><meta charset="UTF-8"></head><body><div hidden="" by-vulcanize=""><dom-module id="paper-material-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-material/" css-build="shadow">
<template>
<style scope="paper-material-shared-styles">:host {
display: block;
@@ -381,6 +180,33 @@ paper-ripple {
</template>
</dom-module>
+
+<dom-module id="iron-collapse" assetpath="chrome://resources/polymer/v1_0/iron-collapse/" css-build="shadow">
+
+ <template>
+
+ <style scope="iron-collapse">:host {
+ display: block;
+ transition-duration: var(--iron-collapse-transition-duration, 300ms);
+ overflow: visible;
+}
+
+:host(.iron-collapse-closed) {
+ display: none;
+}
+
+:host(:not(.iron-collapse-opened)) {
+ overflow: hidden;
+}
+
+</style>
+
+ <content></content>
+
+ </template>
+
+</dom-module>
+
<dom-module id="paper-icon-button-light" assetpath="chrome://resources/polymer/v1_0/paper-icon-button/" css-build="shadow">
<template strip-whitespace="">
<style scope="paper-icon-button-light">:host {
@@ -863,6 +689,8 @@ paper-icon-button.subpage-arrow {
border: 0;
border-radius: 2px;
bottom: 0;
+ box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12),
+ 0px 16px 16px rgba(0, 0, 0, 0.24);
color: inherit;
padding: 0;
top: 0;
@@ -880,8 +708,7 @@ paper-icon-button.subpage-arrow {
.title-container {
align-items: center;
-
- border-bottom: 1px solid rgba(0, 0, 0, 0.14);
+ border-bottom: 1px solid var(--divider-color);
display: flex;
min-height: 52px;
}
@@ -930,13 +757,16 @@ paper-icon-button.subpage-arrow {
}
:host ::content .footer {
- background-color: var(--paper-grey-200);
- border-bottom-left-radius: inherit;
+ border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
margin: 0;
padding: 12px 20px;
}
+:host ::content .border-top-divider {
+ border-top: 1px solid var(--divider-color);
+}
+
</style>
<div class="title-container">
<content select=".title"></content>
@@ -1022,204 +852,4 @@ paper-icon-button.subpage-arrow {
</div>
</template>
</dom-module>
-<dom-module id="paper-tab" assetpath="chrome://resources/polymer/v1_0/paper-tabs/" css-build="shadow">
- <template>
- <style scope="paper-tab">:host {
- display: var(--layout-inline_-_display);
- -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items);
- -ms-flex-pack: var(--layout-center-justified_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-justified_-_-webkit-justify-content); justify-content: var(--layout-center-justified_-_justify-content);
- -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
-
- position: relative;
- padding: 0 12px;
- overflow: hidden;
- cursor: pointer;
- vertical-align: middle;
-
- font-family: var(--paper-font-common-base_-_font-family); -webkit-font-smoothing: var(--paper-font-common-base_-_-webkit-font-smoothing);
- ;
-}
-
-:host(:focus) {
- outline: none;
-}
-
-:host([link]) {
- padding: 0;
-}
-
-.tab-content {
- height: 100%;
- transform: translateZ(0);
- -webkit-transform: translateZ(0);
- transition: opacity 0.1s cubic-bezier(0.4, 0.0, 1, 1);
- display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction);
- -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(--layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_-_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit-justify-content); justify-content: var(--layout-center-center_-_justify-content);
- -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
- ;
-}
-
-:host(:not(.iron-selected)) > .tab-content {
- opacity: 0.8;
-
- ;
-}
-
-:host(:focus) .tab-content {
- opacity: 1;
- font-weight: 700;
-}
-
-paper-ripple {
- color: var(--paper-tab-ink,var(--paper-yellow-a100));
-}
-
-.tab-content > ::content > a {
- -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
-
- height: 100%;
-}
-
-</style>
-
- <div class="tab-content">
- <content></content>
- </div>
- </template>
-
- </dom-module>
-<iron-iconset-svg name="paper-tabs" size="24">
-<svg><defs>
-<g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g>
-<g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path></g>
-</defs></svg>
-</iron-iconset-svg>
-<dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tabs/" css-build="shadow">
- <template>
- <style scope="paper-tabs">:host {
- display: var(--layout_-_display);
- -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-items: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center_-_align-items);
-
- height: 48px;
- font-size: 14px;
- font-weight: 500;
- overflow: hidden;
- -moz-user-select: none;
- -ms-user-select: none;
- -webkit-user-select: none;
- user-select: none;
-
-
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- -webkit-tap-highlight-color: transparent;
-
- font-size: var(--paper-tabs_-_font-size, 14px);
-}
-
-:host-context([dir=rtl]) {
- display: var(--layout-horizontal-reverse_-_display); -ms-flex-direction: var(--layout-horizontal-reverse_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal-reverse_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal-reverse_-_flex-direction);
-}
-
-#tabsContainer {
- position: relative;
- height: 100%;
- white-space: nowrap;
- overflow: hidden;
- -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex);
-}
-
-#tabsContent {
- height: 100%;
- -moz-flex-basis: auto;
- -ms-flex-basis: auto;
- flex-basis: auto;
-}
-
-#tabsContent.scrollable {
- position: absolute;
- white-space: nowrap;
-}
-
-#tabsContent:not(.scrollable), #tabsContent.scrollable.fit-container {
- display: var(--layout-horizontal_-_display); -ms-flex-direction: var(--layout-horizontal_-_-ms-flex-direction); -webkit-flex-direction: var(--layout-horizontal_-_-webkit-flex-direction); flex-direction: var(--layout-horizontal_-_flex-direction);
-}
-
-#tabsContent.scrollable.fit-container {
- min-width: 100%;
-}
-
-#tabsContent.scrollable.fit-container > ::content > * {
- -ms-flex: 1 0 auto;
- -webkit-flex: 1 0 auto;
- flex: 1 0 auto;
-}
-
-.hidden {
- display: none;
-}
-
-.not-visible {
- opacity: 0;
- cursor: default;
-}
-
-paper-icon-button {
- width: 48px;
- height: 48px;
- padding: 12px;
- margin: 0 4px;
-}
-
-#selectionBar {
- position: absolute;
- height: 2px;
- bottom: 0;
- left: 0;
- right: 0;
- background-color: var(--paper-tabs-selection-bar-color,var(--paper-yellow-a100));
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transform-origin: left center;
- transform-origin: left center;
- transition: -webkit-transform;
- transition: transform;
-
- ;
-}
-
-#selectionBar.align-bottom {
- top: 0;
- bottom: auto;
-}
-
-#selectionBar.expand {
- transition-duration: 0.15s;
- transition-timing-function: cubic-bezier(0.4, 0.0, 1, 1);
-}
-
-#selectionBar.contract {
- transition-duration: 0.18s;
- transition-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);
-}
-
-#tabsContent > ::content > *:not(#selectionBar) {
- height: 100%;
-}
-
-</style>
-
- <paper-icon-button icon="paper-tabs:chevron-left" class$="[[_computeScrollButtonClass(_leftHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButtonUp" on-down="_onLeftScrollButtonDown" tabindex="-1"></paper-icon-button>
-
- <div id="tabsContainer" on-track="_scroll" on-down="_down">
- <div id="tabsContent" class$="[[_computeTabsContentClass(scrollable, fitContainer)]]">
- <div id="selectionBar" class$="[[_computeSelectionBarClass(noBar, alignBottom)]]" on-transitionend="_onBarTransitionEnd"></div>
- <content select="*"></content>
- </div>
- </div>
-
- <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollButtonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButtonUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button>
-
- </template>
-
- </dom-module>
</div><script src="lazy_load.crisper.js"></script></body></html>
« no previous file with comments | « chrome/browser/resources/md_history/lazy_load.crisper.js ('k') | chrome/browser/resources/md_history/list_container.html » ('j') | chrome/browser/resources/md_history/query_manager.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698