| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="resources/scrollbars.js"></script> | 2 <script src="resources/scrollbars.js"></script> |
| 3 <style> | 3 <style> |
| 4 .horizontal-header { | 4 .horizontal-header { |
| 5 width: 120px; | 5 width: 120px; |
| 6 } | 6 } |
| 7 .vertical-header { | 7 .vertical-header { |
| 8 width: 60px; | 8 width: 60px; |
| 9 } | 9 } |
| 10 .container-row { | 10 .container-row { |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 writing-mode: horizontal-tb; | 27 writing-mode: horizontal-tb; |
| 28 } | 28 } |
| 29 .flipped-blocks { | 29 .flipped-blocks { |
| 30 writing-mode: vertical-rl; | 30 writing-mode: vertical-rl; |
| 31 } | 31 } |
| 32 .flipped-lines { | 32 .flipped-lines { |
| 33 writing-mode: vertical-lr; | 33 writing-mode: vertical-lr; |
| 34 } | 34 } |
| 35 .flex { | 35 .flex { |
| 36 border: 2px solid red; | 36 border: 2px solid red; |
| 37 overflow: scroll; | 37 overflow: auto; |
| 38 max-width: 100px; | 38 max-width: 100px; |
| 39 max-height: 100px; | 39 max-height: 100px; |
| 40 white-space: nowrap; | 40 white-space: nowrap; |
| 41 font-size: 0; | 41 font-size: 0; |
| 42 } | 42 } |
| 43 .row > div, .row-reverse > div { | 43 .row > div, .row-reverse > div { |
| 44 display: inline-flex; | 44 display: inline-flex; |
| 45 margin: 3px; | 45 margin: 3px; |
| 46 } | 46 } |
| 47 .column > div, .column-reverse > div { | 47 .column > div, .column-reverse > div { |
| (...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 168 for (var i = 0; i < nodes.length; i++) { | 168 for (var i = 0; i < nodes.length; i++) { |
| 169 nodes[i].scrollLeft = 10000; | 169 nodes[i].scrollLeft = 10000; |
| 170 nodes[i].scrollTop = 10000; | 170 nodes[i].scrollTop = 10000; |
| 171 } | 171 } |
| 172 nodes = document.querySelectorAll(".flipped-blocks > .column-reverse"); | 172 nodes = document.querySelectorAll(".flipped-blocks > .column-reverse"); |
| 173 for (var i = 0; i < nodes.length; i++) { | 173 for (var i = 0; i < nodes.length; i++) { |
| 174 nodes[i].scrollLeft = 0; | 174 nodes[i].scrollLeft = 0; |
| 175 nodes[i].scrollTop = 0; | 175 nodes[i].scrollTop = 0; |
| 176 } | 176 } |
| 177 </script> | 177 </script> |
| OLD | NEW |