iterate PR based on feedback

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-10-21 09:48:02 +01:00
parent 9cd146aa33
commit 5a9bac68c6
2 changed files with 5 additions and 6 deletions

View file

@ -58,7 +58,7 @@ $MiniAppTileHeight: 200px;
width: 4px;
border-radius: 4px;
content: ' ';
content: '';
background-color: $primary-fg-color;
opacity: 0.8;
@ -101,7 +101,7 @@ $MiniAppTileHeight: 200px;
// TODO this should be 300px but that's too large
$MinWidth: 240px;
.mx_AppsDrawer_has2 .mx_AppTile {
.mx_AppsDrawer_2apps .mx_AppTile {
width: 50%;
&:nth-child(3) {
@ -110,7 +110,7 @@ $MinWidth: 240px;
min-width: $MinWidth !important;
}
}
.mx_AppsDrawer_has3 .mx_AppTile {
.mx_AppsDrawer_3apps .mx_AppTile {
width: 33%;
&:nth-child(3) {

View file

@ -244,9 +244,8 @@ export default class AppsDrawer extends React.Component {
mx_AppsDrawer: true,
mx_AppsDrawer_fullWidth: apps.length < 2,
mx_AppsDrawer_resizing: this.state.resizing,
mx_AppsDrawer_has1: apps.length === 1,
mx_AppsDrawer_has2: apps.length === 2,
mx_AppsDrawer_has3: apps.length === 3,
mx_AppsDrawer_2apps: apps.length === 2,
mx_AppsDrawer_3apps: apps.length === 3,
});
return (