| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-butt
on.html"> |
| 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
| 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi
nner.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi
nner.html"> |
| 6 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc
h_field.html"> | 6 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_searc
h_field.html"> |
| 7 <link rel="import" href="chrome://history/shared_style.html"> | 7 <link rel="import" href="chrome://history/shared_style.html"> |
| 8 | 8 |
| 9 <dom-module id="history-toolbar"> | 9 <dom-module id="history-toolbar"> |
| 10 <template> | 10 <template> |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 background: rgb(68, 136, 255); | 30 background: rgb(68, 136, 255); |
| 31 } | 31 } |
| 32 | 32 |
| 33 h1 { | 33 h1 { |
| 34 @apply(--layout-flex); | 34 @apply(--layout-flex); |
| 35 -webkit-padding-start: 24px; | 35 -webkit-padding-start: 24px; |
| 36 font-size: 123%; | 36 font-size: 123%; |
| 37 font-weight: 400; | 37 font-weight: 400; |
| 38 } | 38 } |
| 39 | 39 |
| 40 #left-content, | |
| 41 #right-content { | 40 #right-content { |
| 42 flex: 1 0 0; | 41 flex: 1 0 0; |
| 43 } | 42 } |
| 44 | 43 |
| 45 :host([has-sidebar]) #left-content { | 44 #left-content { |
| 46 flex: 1 0 var(--side-bar-width); | 45 flex: 1 0 var(--side-bar-width); |
| 47 } | 46 } |
| 48 | 47 |
| 49 #centered-content { | 48 #centered-content { |
| 50 /** Padding-start gives space on one side, flex-basis gives space on the | 49 /** Padding-start gives space on one side, flex-basis gives space on the |
| 51 other. */ | 50 other. */ |
| 52 -webkit-padding-start: var(--card-padding-side); | 51 -webkit-padding-start: var(--card-padding-side); |
| 53 display: flex; | 52 display: flex; |
| 54 flex: 1 1 calc(var(--card-max-width) + var(--card-padding-side)); | 53 flex: 1 1 calc(var(--card-max-width) + var(--card-padding-side)); |
| 55 } | 54 } |
| (...skipping 13 matching lines...) Expand all Loading... |
| 69 width: 20px; | 68 width: 20px; |
| 70 -webkit-padding-end: 10px; | 69 -webkit-padding-end: 10px; |
| 71 } | 70 } |
| 72 | 71 |
| 73 #overlay-buttons { | 72 #overlay-buttons { |
| 74 margin: 0 auto; | 73 margin: 0 auto; |
| 75 max-width: var(--card-max-width); | 74 max-width: var(--card-max-width); |
| 76 padding: 0 var(--card-padding-side); | 75 padding: 0 var(--card-padding-side); |
| 77 } | 76 } |
| 78 | 77 |
| 79 :host([has-sidebar]) #overlay-wrapper { | 78 #overlay-wrapper { |
| 80 -webkit-margin-start: var(--side-bar-width); | 79 -webkit-margin-start: var(--side-bar-width); |
| 81 } | 80 } |
| 82 | 81 |
| 83 #number-selected { | 82 #number-selected { |
| 84 @apply(--layout-flex); | 83 @apply(--layout-flex); |
| 85 } | 84 } |
| 86 | 85 |
| 87 paper-icon-button { | 86 paper-icon-button { |
| 88 -webkit-margin-end: 24px; | 87 -webkit-margin-end: 24px; |
| 89 -webkit-margin-start: 2px; | 88 -webkit-margin-start: 2px; |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 126 </paper-button> | 125 </paper-button> |
| 127 <paper-button id="delete-button" on-tap="onDeleteTap_"> | 126 <paper-button id="delete-button" on-tap="onDeleteTap_"> |
| 128 $i18n{delete} | 127 $i18n{delete} |
| 129 </paper-button> | 128 </paper-button> |
| 130 </div> | 129 </div> |
| 131 </div> | 130 </div> |
| 132 </div> | 131 </div> |
| 133 </template> | 132 </template> |
| 134 <script src="chrome://history/history_toolbar.js"></script> | 133 <script src="chrome://history/history_toolbar.js"></script> |
| 135 </dom-module> | 134 </dom-module> |
| OLD | NEW |