Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 13:14:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Tidy up widget colouring

Browse Source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-10-20 16:06:35 +01:00
parent 5fcdaf66cc
commit 334ab12c47
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
res/css/views/rooms/_AppsDrawer.scss
View File

@ -64,11 +64,6 @@ $MiniAppTileHeight: 200px;
opacity: 0.8; opacity: 0.8;
} }
} }
.mx_AppTileBody, .mx_AppTile_persistedWrapper {
// match bg of border so that the cut corners have the right fill
background-color: $widget-menu-bar-bg-color;
}
} }
.mx_AppsContainer_resizer { .mx_AppsContainer_resizer {
@ -134,6 +129,7 @@ $MinWidth: 240px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
box-sizing: border-box; box-sizing: border-box;
background-color: $widget-menu-bar-bg-color;
} }
.mx_AppTileFullWidth { .mx_AppTileFullWidth {
@ -144,6 +140,7 @@ $MinWidth: 240px;
border-radius: 8px; border-radius: 8px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: $widget-menu-bar-bg-color;
} }
.mx_AppTile_mini { .mx_AppTile_mini {
@ -223,6 +220,8 @@ $MinWidth: 240px;
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
border-radius: 8px;
background-color: $widget-body-bg-color;
} }
.mx_AppTileBody_mini { .mx_AppTileBody_mini {
@ -253,19 +252,16 @@ $MinWidth: 240px;
padding: 0; padding: 0;
margin: 0; margin: 0;
display: block; display: block;
border-radius: 8px;
} }
.mx_AppPermissionWarning { .mx_AppPermissionWarning {
text-align: center; text-align: center;
background-color: $widget-body-bg-color;
display: flex; display: flex;
height: 100%; height: 100%;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: $font-16px; font-size: $font-16px;
border-radius: 8px;
} }
.mx_AppPermissionWarning_row { .mx_AppPermissionWarning_row {
@ -324,6 +320,10 @@ $MinWidth: 240px;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
height: 100%; height: 100%;
// match bg of border so that the cut corners have the right fill
background-color: $widget-body-bg-color !important;
border-radius: 8px;
} }
.mx_AppLoading .mx_Spinner { .mx_AppLoading .mx_Spinner {