OLD | NEW |
1 <app> | 1 <app> |
2 <style> | 2 <style> |
3 * { box-sizing: border-box; } | 3 * { box-sizing: border-box; } |
4 | 4 |
5 t, span { | 5 t, span { |
6 display: inline; | 6 display: inline; |
7 } | 7 } |
8 | 8 |
9 app { | 9 app { |
10 display: flex; | 10 display: flex; |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
45 width: 18px; | 45 width: 18px; |
46 } | 46 } |
47 | 47 |
48 .menu-icon-inner { | 48 .menu-icon-inner { |
49 width: 14px; | 49 width: 14px; |
50 } | 50 } |
51 | 51 |
52 app-scrollable { | 52 app-scrollable { |
53 flex: 1; | 53 flex: 1; |
54 box-shadow: inset 0px 0px 22px 2px rgba(22, 22, 22, 0.63); | 54 box-shadow: inset 0px 0px 22px 2px rgba(22, 22, 22, 0.63); |
55 overflow: scroll; | 55 overflow: hidden; |
56 } | 56 } |
57 | 57 |
58 app-panel { | 58 app-panel { |
59 display: flex; | 59 display: flex; |
60 flex-direction: column; | 60 flex-direction: column; |
61 background-color: white; | 61 background-color: white; |
62 } | 62 } |
63 | 63 |
64 app-panel-header { | 64 app-panel-header { |
65 background-color: #DEDEDE; | 65 background-color: #DEDEDE; |
(...skipping 215 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
281 <app-toast-header> | 281 <app-toast-header> |
282 <div class="tip-icon"> | 282 <div class="tip-icon"> |
283 <t>?</t> | 283 <t>?</t> |
284 </div> | 284 </div> |
285 </app-toast-header> | 285 </app-toast-header> |
286 <app-toast-content> | 286 <app-toast-content> |
287 <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> | 287 <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> |
288 </app-toast-content> | 288 </app-toast-content> |
289 </app-toast> | 289 </app-toast> |
290 </app> | 290 </app> |
OLD | NEW |