| 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 |