ehealthsolutions/healthchat-web
3
0
Fork 0
mirror of https://github.com/Novaloop-AG/healthchat-web.git synced 2026-11-07 06:58:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow AppTiles to shrink as much as necessary (#8805)

Browse Source
This commit is contained in:
Robin
2022-06-09 13:30:58 -04:00
committed by GitHub
parent 30460943b2
commit 8e9f7407e9
1 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
res/css/views/rooms/_AppsDrawer.scss
+26 -24
View File
@@ -16,6 +16,8 @@ limitations under the License.
*/ */
$MiniAppTileHeight: 200px; $MiniAppTileHeight: 200px;
// TODO this should be 300px but that's too large
$MinWidth: 240px;
.mx_AppsDrawer { .mx_AppsDrawer {
margin: $container-gap-width; margin: $container-gap-width;
@@ -88,6 +90,30 @@ $MiniAppTileHeight: 200px;
opacity: 0.8; opacity: 0.8;
} }
} }
.mx_AppTile {
width: 50%;
min-width: $MinWidth;
}
&.mx_AppsDrawer_2apps .mx_AppTile {
width: 50%;
&:nth-child(3) {
flex-grow: 1;
width: 0 !important;
min-width: $MinWidth !important;
}
}
&.mx_AppsDrawer_3apps .mx_AppTile {
width: 33%;
&:nth-child(3) {
flex-grow: 1;
width: 0 !important;
min-width: $MinWidth !important;
}
}
} }
.mx_AppsContainer_resizer { .mx_AppsContainer_resizer {
@@ -122,31 +148,7 @@ $MiniAppTileHeight: 200px;
} }
} }
// TODO this should be 300px but that's too large
$MinWidth: 240px;
.mx_AppsDrawer_2apps .mx_AppTile {
width: 50%;
&:nth-child(3) {
flex-grow: 1;
width: 0 !important;
min-width: $MinWidth !important;
}
}
.mx_AppsDrawer_3apps .mx_AppTile {
width: 33%;
&:nth-child(3) {
flex-grow: 1;
width: 0 !important;
min-width: $MinWidth !important;
}
}
.mx_AppTile { .mx_AppTile {
width: 50%;
min-width: $MinWidth;
border: $container-border-width solid $widget-menu-bar-bg-color; border: $container-border-width solid $widget-menu-bar-bg-color;
display: flex; display: flex;
flex-direction: column; flex-direction: column;