Merge pull request #2226 from matrix-org/bwindels/resizeroomsublists

Redesign: 1st go at resizing room sublists

src/resizer/distributors.js

@@ -27,7 +27,7 @@ class FixedDistributor {
         this.sizer = sizer;
         this.item = item;
         this.beforeOffset = sizer.getItemOffset(this.item);
-        this.onResized = config.onResized;
+        this.onResized = config && config.onResized;
     }
 
     resize(offset) {

src/resizer/index.js

@@ -14,13 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import {Sizer} from "./sizer";
+import {Sizer, FlexSizer} from "./sizer";
 import {FixedDistributor, CollapseDistributor, PercentageDistributor} from "./distributors";
 import {Resizer} from "./resizer";
 
 module.exports = {
     Resizer,
     Sizer,
+    FlexSizer,
     FixedDistributor,
     CollapseDistributor,
     PercentageDistributor,

src/resizer/sizer.js

@@ -97,4 +97,10 @@ class Sizer {
     }
 }
 
-module.exports = {Sizer};
+class FlexSizer extends Sizer {
+    setItemSize(item, size) {
+        item.style.flexBasis = `${Math.round(size)}px`;
+    }
+}
+
+module.exports = {Sizer, FlexSizer};