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 |