OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

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

pull/28217/head
Robin 2022-06-09 13:30:58 -04:00 committed by GitHub
parent 30460943b2
commit 8e9f7407e9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
res/css/views/rooms/_AppsDrawer.scss
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;