Align and expand table rows

This commit is contained in:
Nicholas Zuber 2018-11-05 19:47:01 -05:00
parent 733d0f96a6
commit 31ef39f092
3 changed files with 412 additions and 14 deletions

391
package-lock.json generated
View File

@ -3450,6 +3450,89 @@
"resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz",
"integrity": "sha1-GzN5LhHpFKL9bW7WRHRkRE5fpkA="
},
"d3-array": {
"version": "1.2.4",
"resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.4.tgz",
"integrity": "sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw=="
},
"d3-collection": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.7.tgz",
"integrity": "sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A=="
},
"d3-color": {
"version": "1.2.3",
"resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.2.3.tgz",
"integrity": "sha512-x37qq3ChOTLd26hnps36lexMRhNXEtVxZ4B25rL0DVdDsGQIJGB18S7y9XDwlDD6MD/ZBzITCf4JjGMM10TZkw=="
},
"d3-ease": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.5.tgz",
"integrity": "sha512-Ct1O//ly5y5lFM9YTdu+ygq7LleSgSE4oj7vUt9tPLHUi8VCV7QoizGpdWRWAwCO9LdYzIrQDg97+hGVdsSGPQ=="
},
"d3-format": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.3.2.tgz",
"integrity": "sha512-Z18Dprj96ExragQ0DeGi+SYPQ7pPfRMtUXtsg/ChVIKNBCzjO8XYJvRTC1usblx52lqge56V5ect+frYTQc8WQ=="
},
"d3-interpolate": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.3.2.tgz",
"integrity": "sha512-NlNKGopqaz9qM1PXh9gBF1KSCVh+jSFErrSlD/4hybwoNX/gt1d8CDbDW+3i+5UOHhjC6s6nMvRxcuoMVNgL2w==",
"requires": {
"d3-color": "1.2.3"
}
},
"d3-path": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.7.tgz",
"integrity": "sha512-q0cW1RpvA5c5ma2rch62mX8AYaiLX0+bdaSM2wxSU9tXjU4DNvkx9qiUvjkuWCj3p22UO/hlPivujqMiR9PDzA=="
},
"d3-scale": {
"version": "1.0.7",
"resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-1.0.7.tgz",
"integrity": "sha512-KvU92czp2/qse5tUfGms6Kjig0AhHOwkzXG0+PqIJB3ke0WUv088AHMZI0OssO9NCkXt4RP8yju9rpH8aGB7Lw==",
"requires": {
"d3-array": "1.2.4",
"d3-collection": "1.0.7",
"d3-color": "1.2.3",
"d3-format": "1.3.2",
"d3-interpolate": "1.3.2",
"d3-time": "1.0.10",
"d3-time-format": "2.1.3"
}
},
"d3-shape": {
"version": "1.2.2",
"resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.2.2.tgz",
"integrity": "sha512-hUGEozlKecFZ2bOSNt7ENex+4Tk9uc/m0TtTEHBvitCBxUNjhzm5hS2GrrVRD/ae4IylSmxGeqX5tWC2rASMlQ==",
"requires": {
"d3-path": "1.0.7"
}
},
"d3-time": {
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.0.10.tgz",
"integrity": "sha512-hF+NTLCaJHF/JqHN5hE8HVGAXPStEq6/omumPE/SxyHVrR7/qQxusFDo0t0c/44+sCGHthC7yNGFZIEgju0P8g=="
},
"d3-time-format": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.1.3.tgz",
"integrity": "sha512-6k0a2rZryzGm5Ihx+aFMuO1GgelgIz+7HhB4PH4OEndD5q2zGn1mDfRdNrulspOfR6JXkb2sThhDK41CSK85QA==",
"requires": {
"d3-time": "1.0.10"
}
},
"d3-timer": {
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.9.tgz",
"integrity": "sha512-rT34J5HnQUHhcLvhSB9GjCkN0Ddd5Y8nCwDBG2u6wQEeYxT/Lf51fTFFkldeib/sE/J0clIe0pnCfs6g/lRbyg=="
},
"d3-voronoi": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.4.tgz",
"integrity": "sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg=="
},
"damerau-levenshtein": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.4.tgz",
@ -10920,6 +11003,11 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-5.0.5.tgz",
"integrity": "sha512-ab0HWBgxdIsngHtMGU8+8gYFdTBXpUGd4AE4lN2VZvOIlBmWx9dtaWEViihuGSIGosCKPeHCnzFoRWB42UtnLg=="
},
"react-fast-compare": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.2.tgz",
"integrity": "sha512-EdPU5vXIzvNvQFNuej3oQ1PZ6YmDunTPZJ3V5EmwRqOhEmW0PNxzUdbYhXnZKZFtrrjGiu9718f6iQRdj0l2JA=="
},
"react-lifecycles-compat": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
@ -13772,6 +13860,309 @@
"extsprintf": "1.3.0"
}
},
"victory": {
"version": "30.6.0",
"resolved": "https://registry.npmjs.org/victory/-/victory-30.6.0.tgz",
"integrity": "sha512-YQonLDOw+qY/jnW1eKjil60CQ5u5l3HAKHuoQgy/r4i/ddUvCsTLChhIJbgQuWhWuq6WZ9le05GYop8OiRFiCg==",
"requires": {
"victory-area": "30.3.1",
"victory-axis": "30.3.1",
"victory-bar": "30.6.0",
"victory-box-plot": "30.3.1",
"victory-brush-container": "30.5.0",
"victory-brush-line": "30.3.1",
"victory-candlestick": "30.3.1",
"victory-chart": "30.3.1",
"victory-core": "30.3.1",
"victory-create-container": "30.5.1",
"victory-cursor-container": "30.5.1",
"victory-errorbar": "30.3.1",
"victory-group": "30.3.1",
"victory-legend": "30.3.1",
"victory-line": "30.5.0",
"victory-pie": "30.5.1",
"victory-polar-axis": "30.3.1",
"victory-scatter": "30.3.1",
"victory-selection-container": "30.3.1",
"victory-shared-events": "30.3.1",
"victory-stack": "30.3.1",
"victory-tooltip": "30.3.1",
"victory-voronoi": "30.3.1",
"victory-voronoi-container": "30.3.1",
"victory-zoom-container": "30.3.1"
}
},
"victory-area": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-area/-/victory-area-30.3.1.tgz",
"integrity": "sha512-qZiCQQ6eGsvnkI9/2ZlYlbhSFlkM7/kc/WKOChOUDqr9EpJpi89Y1LSUkzC7g/Ejgb4xxWczkCBO0EVFGyn+PA==",
"requires": {
"d3-shape": "1.2.2",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-axis": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-axis/-/victory-axis-30.3.1.tgz",
"integrity": "sha512-vAZIkIyHKBRseLm3PgW8wgMDgNwzNLD30tF6uXfQkmLpGABNzxETmU9CnQE0HfLJvRTydDpkNi4C5mee/h1qmg==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-bar": {
"version": "30.6.0",
"resolved": "https://registry.npmjs.org/victory-bar/-/victory-bar-30.6.0.tgz",
"integrity": "sha512-5ovYT8Bv5ixAJ6C1cGcR+D7652rbt98KoyXCU2GJiD6R110YJBNCxHnUfcr9k+LijDYlyRY2EyE6U3KxD27MPA==",
"requires": {
"d3-shape": "1.2.2",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-box-plot": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-box-plot/-/victory-box-plot-30.3.1.tgz",
"integrity": "sha512-DzUyu+Un5rqAhdBrROPMSGJgF5bdsLWZkzg9Ppxcjkl9IxgFe8+Xfp6C3pU/J4s0Rt2FnnSsARjfTgXNzXkWSA==",
"requires": {
"d3-array": "1.2.4",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-brush-container": {
"version": "30.5.0",
"resolved": "https://registry.npmjs.org/victory-brush-container/-/victory-brush-container-30.5.0.tgz",
"integrity": "sha512-xYFmQq/l6sYIwT/TnhqOftUmCuWZ2n6aVabBkF8EBuVYCEP+pulepOReZxsoKrqWCQPz3xxOIgvFSri/p3hLCQ==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-brush-line": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-brush-line/-/victory-brush-line-30.3.1.tgz",
"integrity": "sha512-L67X+DyF832Gp83sjclRNFwyIkP7hkpHqGoWAQnIMjNlcd+Qq47c4Z89YxL0AiHfNN2eSKETB0SXJXlPB/s6NQ==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-candlestick": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-candlestick/-/victory-candlestick-30.3.1.tgz",
"integrity": "sha512-bqsQNit8H7xTdWSZHnhogJN7LlE/e5mOmWxxI5wbt8K31qIkrEqIEElQoaGcw95kleQkHA6XDxHbDE6kW7Nf5A==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-chart": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-chart/-/victory-chart-30.3.1.tgz",
"integrity": "sha512-yT06xMnYx2r+tmW11rGoK2vLT6huP9ff6tDwgtIlifqzA71KlU8rERwWJCTktLkPU10iiqypYD9fwaP6jx6KGQ==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"react-fast-compare": "2.0.2",
"victory-axis": "30.3.1",
"victory-core": "30.3.1",
"victory-polar-axis": "30.3.1",
"victory-shared-events": "30.3.1"
}
},
"victory-core": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-core/-/victory-core-30.3.1.tgz",
"integrity": "sha512-c2BTwWI+txAOjt2786Ftcov0Eqaqt9EhRf8BkeK1APszVb7I5UV48I2JyZOl9l0v2/JWVKHY11JegFZ95Y64fQ==",
"requires": {
"d3-ease": "1.0.5",
"d3-interpolate": "1.3.2",
"d3-scale": "1.0.7",
"d3-shape": "1.2.2",
"d3-timer": "1.0.9",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"react-fast-compare": "2.0.2"
}
},
"victory-create-container": {
"version": "30.5.1",
"resolved": "https://registry.npmjs.org/victory-create-container/-/victory-create-container-30.5.1.tgz",
"integrity": "sha512-NqziZkyx0i+L5jMKsydZJrCu6L/rVRCucbLVlQkbv5Yan2u0NXBB4aZAbn3XhW3aXjLuJGXrBrumMM7ygtnq/w==",
"requires": {
"lodash": "4.17.11",
"victory-brush-container": "30.5.0",
"victory-core": "30.3.1",
"victory-cursor-container": "30.5.1",
"victory-selection-container": "30.3.1",
"victory-voronoi-container": "30.3.1",
"victory-zoom-container": "30.3.1"
}
},
"victory-cursor-container": {
"version": "30.5.1",
"resolved": "https://registry.npmjs.org/victory-cursor-container/-/victory-cursor-container-30.5.1.tgz",
"integrity": "sha512-gwhJvEbPyxFkqTwGRotxyun55kxE0e00BwzQ3djRz1jzZj2Ae372XyikI+har30vMkmzI1Mqy7W1kzmvyVcrSw==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-errorbar": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-errorbar/-/victory-errorbar-30.3.1.tgz",
"integrity": "sha512-vvWg46piCu9uMJX2OXPF04Ma0zwoj+17CG2mRADy9eAaa6GIZLFaoi1IAKXFNX0g4kjPyUo+rgh/zslhkzZxNQ==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-group": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-group/-/victory-group-30.3.1.tgz",
"integrity": "sha512-wP5xqhiXPfVmqfzcy5wyIR6hYrqGNMFXq33c88LdLN5bQ0YvZg3IM9MgBohN7SLxcoBbGVE3XzTP9Yc72pS7xQ==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-legend": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-legend/-/victory-legend-30.3.1.tgz",
"integrity": "sha512-9y0ZwRBkdDUD4x3J3TM38U7lEfyUpfdDYGsED5sYrkGgBj0xXrrvjiWyNSyRn70ac33K15M5VCmmI7Dnvn2rtg==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-line": {
"version": "30.5.0",
"resolved": "https://registry.npmjs.org/victory-line/-/victory-line-30.5.0.tgz",
"integrity": "sha512-5tWhemybJ9vd1LyJmwpUW11YZLa5ngmNTUt6w/dMwIuXOMHk1Kjr8lR5yvjSIvPy8pTLEZ0+Bah9XA65rAtjXQ==",
"requires": {
"d3-shape": "1.2.2",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-pie": {
"version": "30.5.1",
"resolved": "https://registry.npmjs.org/victory-pie/-/victory-pie-30.5.1.tgz",
"integrity": "sha512-Cx4qDt3FyI4VoP0fe3Ubbpz7Sj6d6A5PUWKEuFuMjccb2h1jZgX6uJyBx+uPDBtbxCylrU2GORdLPQDnAXKssQ==",
"requires": {
"d3-shape": "1.2.2",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-polar-axis": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-polar-axis/-/victory-polar-axis-30.3.1.tgz",
"integrity": "sha512-UyupwAGp9IEnEG0zMyffuUFLD3DRBnteNLCq7siszweBdlT/AAlH7SDlNJU5ahAcv4h+TgjD/bGObiMli3AcXw==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-scatter": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-scatter/-/victory-scatter-30.3.1.tgz",
"integrity": "sha512-JLseknw+SMMIfhYxSu8GQ1qAJVy8fDQ8vze4gFOwvMHhdK8BbQiCLxPCmdlAhxoQixMbcwhAsHp/1RlpgK6IyA==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-selection-container": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-selection-container/-/victory-selection-container-30.3.1.tgz",
"integrity": "sha512-UheHWWEx1PUmNobhmLbovErhOV1vLDUdJ+8/qoS9TJJZ9QRoG0S1Gw97q9knyyGuheKljckQnfPWZlVdFjswkQ==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-shared-events": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-shared-events/-/victory-shared-events-30.3.1.tgz",
"integrity": "sha512-MFEx9YPXh+lrVJVvNQonup7Fxwgdt0IALLi4qfr5LzCO0vEmkIPvCdU1HeYk+8BDmpWeKz0MnJZx5SKEXrnK+g==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-stack": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-stack/-/victory-stack-30.3.1.tgz",
"integrity": "sha512-mbo0tcZz/WuYl3HWVkxqm7P0FbzR9Wgpo8YwUqeHdlGdc9pyd/laGuFwiJ8W6wc6yoV4rWNdLWuQGwAqaVmfpw==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-tooltip": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-tooltip/-/victory-tooltip-30.3.1.tgz",
"integrity": "sha512-F0IPgucHRzVpiw45QHfqne1qXKFx6ibJBtw5iCvnnD991ctu28Wlo84SMhWvJPzDYk6zv7b4pcfkVqHrS1nmGg==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-voronoi": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-voronoi/-/victory-voronoi-30.3.1.tgz",
"integrity": "sha512-8OJVyJEEJt5fHFR52iyyfwJ2HBh5KKlAM0XZV6dS46w5rkS7HMRJkQLbYMIGYcv4K2b8+Cx3PvXyf+nOOCeeiA==",
"requires": {
"d3-voronoi": "1.1.4",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"victory-voronoi-container": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-voronoi-container/-/victory-voronoi-container-30.3.1.tgz",
"integrity": "sha512-Yj2g/v9oD065tSkcQbXyCqoYqDkuxvSxBe83jnaQrqd7rXiCCRsEEUjVqnZtEASvm3kkQxt/H5CRELo42o4s1A==",
"requires": {
"d3-voronoi": "1.1.4",
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1",
"victory-tooltip": "30.3.1"
}
},
"victory-zoom-container": {
"version": "30.3.1",
"resolved": "https://registry.npmjs.org/victory-zoom-container/-/victory-zoom-container-30.3.1.tgz",
"integrity": "sha512-Jf37RNnf0SQwkn5IoZuQD1QFhZLRNXS4fPUe9QZJivNCulo3Y/ziOjfjjnJjZ210LQqFIQocTdnweDHvygUWmw==",
"requires": {
"lodash": "4.17.11",
"prop-types": "15.6.2",
"victory-core": "30.3.1"
}
},
"vm-browserify": {
"version": "0.0.4",
"resolved": "https://registry.npmjs.org/vm-browserify/-/vm-browserify-0.0.4.tgz",

View File

@ -54,6 +54,7 @@
"style-loader": "0.23.0",
"terser-webpack-plugin": "1.1.0",
"url-loader": "1.1.1",
"victory": "^30.6.0",
"webpack": "4.19.1",
"webpack-dev-server": "3.1.9",
"webpack-manifest-plugin": "2.0.4",

View File

@ -1,5 +1,6 @@
import React from 'react';
import moment from 'moment';
import {VictoryPie, VictoryChart} from "victory";
import {Link} from "@reach/router";
import styled from 'react-emotion';
import Icon from '../../components/Icon';
@ -285,8 +286,8 @@ const EnhancedSearchInput = withOnEnter(SearchInput);
const NotificationRow = styled('tr')({
position: 'relative',
// cursor: 'pointer',
display: 'block',
display: 'flex',
alignItems: 'center',
textAlign: 'left',
width: '100%',
borderRadius: 4,
@ -350,10 +351,8 @@ const PRIssue = styled(Repository)({
}));
const Table = styled('table')({
width: '100%',
maxWidth: 970,
width: '96%',
minWidth: 970,
display: 'block',
'td': {
display: 'inline-block'
}
@ -363,8 +362,9 @@ const TableItem = styled('td')({
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
}, ({width}) => ({
width
}, ({width, flex}) => ({
width,
flex
}));
function getPRIssueIcon (type, reasons) {
@ -544,7 +544,6 @@ export default function Scene ({
)}
commented
</SidebarLink>
{/* <p>3 triaged in robin-dashboard</p> */}
</FixedContainer>
</Sidebar>
</div>
@ -663,7 +662,10 @@ export default function Scene ({
</Message>
) : (
<Table>
<tbody>
<tbody style={{
display: 'flex',
flexDirection: 'column'
}}>
{notifications.map(n => (
<NotificationRow key={n.id}>
<TableItem>
@ -671,10 +673,14 @@ export default function Scene ({
{getPRIssueIcon(n.type, n.reasons)}
</div>
</TableItem>
<TableItem style={{height: 36, cursor: 'pointer', userSelect: 'none'}} width={400} onClick={() => {
window.open(n.url);
onStageThread(n.id)
}}>
<TableItem
style={{height: 36, cursor: 'pointer', userSelect: 'none'}}
width={400}
flex={.65}
onClick={() => {
window.open(n.url);
onStageThread(n.id)
}}>
<NotificationTitle>
<PRIssue after={n.number}>{n.name}</PRIssue>
</NotificationTitle>
@ -699,7 +705,7 @@ export default function Scene ({
})}
</InlineBlockContainer>
</TableItem>
<TableItem width={250}>
<TableItem width={250} flex={.35}>
<Repository
onClick={() => window.open(n.repositoryUrl)}
style={{cursor: 'pointer', userSelect: 'none'}}>