iterate PR based on feedback
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
parent
9cd146aa33
commit
5a9bac68c6
2 changed files with 5 additions and 6 deletions
|
@ -58,7 +58,7 @@ $MiniAppTileHeight: 200px;
|
||||||
width: 4px;
|
width: 4px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
||||||
content: ' ';
|
content: '';
|
||||||
|
|
||||||
background-color: $primary-fg-color;
|
background-color: $primary-fg-color;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
|
@ -101,7 +101,7 @@ $MiniAppTileHeight: 200px;
|
||||||
// TODO this should be 300px but that's too large
|
// TODO this should be 300px but that's too large
|
||||||
$MinWidth: 240px;
|
$MinWidth: 240px;
|
||||||
|
|
||||||
.mx_AppsDrawer_has2 .mx_AppTile {
|
.mx_AppsDrawer_2apps .mx_AppTile {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
|
||||||
&:nth-child(3) {
|
&:nth-child(3) {
|
||||||
|
@ -110,7 +110,7 @@ $MinWidth: 240px;
|
||||||
min-width: $MinWidth !important;
|
min-width: $MinWidth !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.mx_AppsDrawer_has3 .mx_AppTile {
|
.mx_AppsDrawer_3apps .mx_AppTile {
|
||||||
width: 33%;
|
width: 33%;
|
||||||
|
|
||||||
&:nth-child(3) {
|
&:nth-child(3) {
|
||||||
|
|
|
@ -244,9 +244,8 @@ export default class AppsDrawer extends React.Component {
|
||||||
mx_AppsDrawer: true,
|
mx_AppsDrawer: true,
|
||||||
mx_AppsDrawer_fullWidth: apps.length < 2,
|
mx_AppsDrawer_fullWidth: apps.length < 2,
|
||||||
mx_AppsDrawer_resizing: this.state.resizing,
|
mx_AppsDrawer_resizing: this.state.resizing,
|
||||||
mx_AppsDrawer_has1: apps.length === 1,
|
mx_AppsDrawer_2apps: apps.length === 2,
|
||||||
mx_AppsDrawer_has2: apps.length === 2,
|
mx_AppsDrawer_3apps: apps.length === 3,
|
||||||
mx_AppsDrawer_has3: apps.length === 3,
|
|
||||||
});
|
});
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
Loading…
Reference in a new issue