| OLD | NEW |
|---|
| 1 <html><head><!-- | 1 <html><head><!-- |
| 2 @license | 2 @license |
| 3 Copyright (c) 2016 The Polymer Project Authors. All rights reserved. | 3 Copyright (c) 2016 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 232 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 243 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); | 243 box-shadow: var(--shadow-elevation-8dp_-_box-shadow); |
| 244 } | 244 } |
| 245 | 245 |
| 246 :host([elevation="5"]) { | 246 :host([elevation="5"]) { |
| 247 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); | 247 box-shadow: var(--shadow-elevation-16dp_-_box-shadow); |
| 248 } | 248 } |
| 249 | 249 |
| 250 </style> | 250 </style> |
| 251 </template> | 251 </template> |
| 252 </dom-module> | 252 </dom-module> |
| 253 |
| 254 |
| 253 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> | 255 <dom-module id="paper-button" assetpath="chrome://resources/polymer/v1_0/paper-b
utton/" css-build="shadow"> |
| 254 <template strip-whitespace=""> | 256 <template strip-whitespace=""> |
| 255 <style scope="paper-button">:host { | 257 <style scope="paper-button">:host { |
| 256 display: block; | 258 display: block; |
| 257 position: relative; | 259 position: relative; |
| 258 } | 260 } |
| 259 | 261 |
| 260 :host([elevation="1"]) { | 262 :host([elevation="1"]) { |
| 261 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); | 263 box-shadow: var(--shadow-elevation-2dp_-_box-shadow); |
| 262 } | 264 } |
| (...skipping 99 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 362 display: none !important; | 364 display: none !important; |
| 363 } | 365 } |
| 364 | 366 |
| 365 :host(.iron-selected), .paper-item.iron-selected { | 367 :host(.iron-selected), .paper-item.iron-selected { |
| 366 font-weight: var(--paper-item-selected-weight, bold); | 368 font-weight: var(--paper-item-selected-weight, bold); |
| 367 | 369 |
| 368 ; | 370 ; |
| 369 } | 371 } |
| 370 | 372 |
| 371 :host([disabled]), .paper-item[disabled] { | 373 :host([disabled]), .paper-item[disabled] { |
| 372 color: var(--paper-item-disabled-color,var(--disabled-text-color)); | 374 color: var(--paper-item-disabled-color,var(--disabled-text-color));; |
| 373 | 375 |
| 374 ; | 376 ; |
| 375 } | 377 } |
| 376 | 378 |
| 377 :host(:focus), .paper-item:focus { | 379 :host(:focus), .paper-item:focus { |
| 378 position: relative; | 380 position: relative; |
| 379 outline: 0; | 381 outline: 0; |
| 380 | 382 |
| 381 ; | 383 ; |
| 382 } | 384 } |
| 383 | 385 |
| 384 :host(:focus):before, .paper-item:focus:before { | 386 :host(:focus):before, .paper-item:focus:before { |
| 385 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); | 387 position: var(--layout-fit_-_position); top: var(--layout-fit_-_top); right: v
ar(--layout-fit_-_right); bottom: var(--layout-fit_-_bottom); left: var(--layout
-fit_-_left); |
| 386 | 388 |
| 387 background: currentColor; | 389 background: currentColor; |
| 388 content: ''; | 390 content: ''; |
| 389 opacity: var(--dark-divider-opacity); | 391 opacity: var(--dark-divider-opacity); |
| 390 pointer-events: none; | 392 pointer-events: none; |
| 391 | 393 |
| 392 ; | 394 ; |
| 393 } | 395 } |
| 394 | 396 |
| 395 </style> | 397 </style> |
| 396 </template> | 398 </template> |
| 397 </dom-module> | 399 </dom-module> |
| 400 |
| 401 |
| 398 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> | 402 <dom-module id="paper-item" assetpath="chrome://resources/polymer/v1_0/paper-ite
m/" css-build="shadow"> |
| 399 <template> | 403 <template> |
| 400 | 404 |
| 401 <style scope="paper-item">:host, .paper-item { | 405 <style scope="paper-item">:host, .paper-item { |
| 402 display: block; | 406 display: block; |
| 403 position: relative; | 407 position: relative; |
| 404 min-height: var(--paper-item-min-height, 48px); | 408 min-height: var(--paper-item-min-height, 48px); |
| 405 padding: 0px 16px; | 409 padding: 0px 16px; |
| 406 } | 410 } |
| 407 | 411 |
| (...skipping 10 matching lines...) Expand all Loading... |
| 418 display: none !important; | 422 display: none !important; |
| 419 } | 423 } |
| 420 | 424 |
| 421 :host(.iron-selected), .paper-item.iron-selected { | 425 :host(.iron-selected), .paper-item.iron-selected { |
| 422 font-weight: var(--paper-item-selected-weight, bold); | 426 font-weight: var(--paper-item-selected-weight, bold); |
| 423 | 427 |
| 424 ; | 428 ; |
| 425 } | 429 } |
| 426 | 430 |
| 427 :host([disabled]), .paper-item[disabled] { | 431 :host([disabled]), .paper-item[disabled] { |
| 428 color: var(--paper-item-disabled-color,var(--disabled-text-color)); | 432 color: var(--paper-item-disabled-color,var(--disabled-text-color));; |
| 429 | 433 |
| 430 ; | 434 ; |
| 431 } | 435 } |
| 432 | 436 |
| 433 :host(:focus), .paper-item:focus { | 437 :host(:focus), .paper-item:focus { |
| 434 position: relative; | 438 position: relative; |
| 435 outline: 0; | 439 outline: 0; |
| 436 | 440 |
| 437 ; | 441 ; |
| 438 } | 442 } |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 485 } | 489 } |
| 486 | 490 |
| 487 </style> | 491 </style> |
| 488 | 492 |
| 489 <content></content> | 493 <content></content> |
| 490 </template> | 494 </template> |
| 491 | 495 |
| 492 </dom-module> | 496 </dom-module> |
| 493 | 497 |
| 494 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> | 498 <script src="chrome://resources/polymer/v1_0/web-animations-js/web-animations-ne
xt-lite.min.js"></script> |
| 499 |
| 500 |
| 495 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> | 501 <dom-module id="iron-dropdown" assetpath="chrome://resources/polymer/v1_0/iron-d
ropdown/" css-build="shadow"> |
| 496 <template> | 502 <template> |
| 497 <style scope="iron-dropdown">:host { | 503 <style scope="iron-dropdown">:host { |
| 498 position: fixed; | 504 position: fixed; |
| 499 } | 505 } |
| 500 | 506 |
| 501 #contentWrapper ::content > * { | 507 #contentWrapper ::content > * { |
| 502 overflow: auto; | 508 overflow: auto; |
| 503 } | 509 } |
| 504 | 510 |
| 505 #contentWrapper.animating ::content > * { | 511 #contentWrapper.animating ::content > * { |
| 506 overflow: hidden; | 512 overflow: hidden; |
| 507 } | 513 } |
| 508 | 514 |
| 509 </style> | 515 </style> |
| 510 | 516 |
| 511 <div id="contentWrapper"> | 517 <div id="contentWrapper"> |
| 512 <content id="content" select=".dropdown-content"></content> | 518 <content id="content" select=".dropdown-content"></content> |
| 513 </div> | 519 </div> |
| 514 </template> | 520 </template> |
| 515 | 521 |
| 516 </dom-module> | 522 </dom-module> |
| 517 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper-
listbox/" css-build="shadow"> | 523 <dom-module id="paper-listbox" assetpath="chrome://resources/polymer/v1_0/paper-
listbox/" css-build="shadow"> |
| 518 <template> | 524 <template> |
| 519 <style scope="paper-listbox">:host { | 525 <style scope="paper-listbox">:host { |
| 520 display: block; | 526 display: block; |
| 521 padding: 8px 0; | 527 padding: 8px 0; |
| 522 | 528 |
| 523 background: var(--paper-listbox-background-color,var(--primary-backgroun
d-color)); | 529 background: var(--paper-listbox-background-color,var(--primary-backgroun
d-color));; |
| 524 color: var(--paper-listbox-color,var(--primary-text-color)); | 530 color: var(--paper-listbox-color,var(--primary-text-color));; |
| 525 | 531 |
| 526 ; | 532 ; |
| 527 } | 533 } |
| 528 | 534 |
| 529 </style> | 535 </style> |
| 530 | 536 |
| 531 <content></content> | 537 <content></content> |
| 532 </template> | 538 </template> |
| 533 | 539 |
| 534 </dom-module> | 540 </dom-module> |
| (...skipping 727 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1262 | 1268 |
| 1263 ; | 1269 ; |
| 1264 } | 1270 } |
| 1265 | 1271 |
| 1266 :host(:focus) .tab-content { | 1272 :host(:focus) .tab-content { |
| 1267 opacity: 1; | 1273 opacity: 1; |
| 1268 font-weight: 700; | 1274 font-weight: 700; |
| 1269 } | 1275 } |
| 1270 | 1276 |
| 1271 paper-ripple { | 1277 paper-ripple { |
| 1272 color: var(--paper-tab-ink,var(--paper-yellow-a100)); | 1278 color: var(--paper-tab-ink,var(--paper-yellow-a100));; |
| 1273 } | 1279 } |
| 1274 | 1280 |
| 1275 .tab-content > ::content > a { | 1281 .tab-content > ::content > a { |
| 1276 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); | 1282 -ms-flex: var(--layout-flex-auto_-_-ms-flex); -webkit-flex: var(--layout-flex-
auto_-_-webkit-flex); flex: var(--layout-flex-auto_-_flex); |
| 1277 | 1283 |
| 1278 height: 100%; | 1284 height: 100%; |
| 1279 } | 1285 } |
| 1280 | 1286 |
| 1281 </style> | 1287 </style> |
| 1282 | 1288 |
| 1283 <div class="tab-content"> | 1289 <div class="tab-content"> |
| 1284 <content></content> | 1290 <content></content> |
| 1285 </div> | 1291 </div> |
| 1286 </template> | 1292 </template> |
| 1287 | 1293 |
| 1288 </dom-module> | 1294 </dom-module> |
| 1289 <iron-iconset-svg name="paper-tabs" size="24"> | 1295 <iron-iconset-svg name="paper-tabs" size="24"> |
| 1290 <svg><defs> | 1296 <svg><defs> |
| 1291 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> | 1297 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></p
ath></g> |
| 1292 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> | 1298 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"><
/path></g> |
| 1293 </defs></svg> | 1299 </defs></svg> |
| 1294 </iron-iconset-svg> | 1300 </iron-iconset-svg> |
| 1301 |
| 1302 |
| 1295 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> | 1303 <dom-module id="paper-tabs" assetpath="chrome://resources/polymer/v1_0/paper-tab
s/" css-build="shadow"> |
| 1296 <template> | 1304 <template> |
| 1297 <style scope="paper-tabs">:host { | 1305 <style scope="paper-tabs">:host { |
| 1298 display: var(--layout_-_display); | 1306 display: var(--layout_-_display); |
| 1299 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); | 1307 -ms-flex-align: var(--layout-center_-_-ms-flex-align); -webkit-align-ite
ms: var(--layout-center_-_-webkit-align-items); align-items: var(--layout-center
_-_align-items); |
| 1300 | 1308 |
| 1301 height: 48px; | 1309 height: 48px; |
| 1302 font-size: 14px; | 1310 font-size: 14px; |
| 1303 font-weight: 500; | 1311 font-weight: 500; |
| 1304 overflow: hidden; | 1312 overflow: hidden; |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1367 padding: 12px; | 1375 padding: 12px; |
| 1368 margin: 0 4px; | 1376 margin: 0 4px; |
| 1369 } | 1377 } |
| 1370 | 1378 |
| 1371 #selectionBar { | 1379 #selectionBar { |
| 1372 position: absolute; | 1380 position: absolute; |
| 1373 height: 2px; | 1381 height: 2px; |
| 1374 bottom: 0; | 1382 bottom: 0; |
| 1375 left: 0; | 1383 left: 0; |
| 1376 right: 0; | 1384 right: 0; |
| 1377 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100)); | 1385 background-color: var(--paper-tabs-selection-bar-color,var(--paper-yello
w-a100));; |
| 1378 -webkit-transform: scale(0); | 1386 -webkit-transform: scale(0); |
| 1379 transform: scale(0); | 1387 transform: scale(0); |
| 1380 -webkit-transform-origin: left center; | 1388 -webkit-transform-origin: left center; |
| 1381 transform-origin: left center; | 1389 transform-origin: left center; |
| 1382 transition: -webkit-transform; | 1390 transition: -webkit-transform; |
| 1383 transition: transform; | 1391 transition: transform; |
| 1384 | 1392 |
| 1385 ; | 1393 ; |
| 1386 } | 1394 } |
| 1387 | 1395 |
| (...skipping 26 matching lines...) Expand all Loading... |
| 1414 <content select="*"></content> | 1422 <content select="*"></content> |
| 1415 </div> | 1423 </div> |
| 1416 </div> | 1424 </div> |
| 1417 | 1425 |
| 1418 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB
uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto
nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> | 1426 <paper-icon-button icon="paper-tabs:chevron-right" class$="[[_computeScrollB
uttonClass(_rightHidden, scrollable, hideScrollButtons)]]" on-up="_onScrollButto
nUp" on-down="_onRightScrollButtonDown" tabindex="-1"></paper-icon-button> |
| 1419 | 1427 |
| 1420 </template> | 1428 </template> |
| 1421 | 1429 |
| 1422 </dom-module> | 1430 </dom-module> |
| 1423 </div><script src="lazy_load.crisper.js"></script></body></html> | 1431 </div><script src="lazy_load.crisper.js"></script></body></html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2481693002:
[MD History] Make forward/backward work in grouped mode. (Closed)
