imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update Widget paddings and background colours

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-10-19 18:47:15 +01:00
parent 744a4abd1c
commit 06009df05b
5 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
res/css/views/rooms/_AppsDrawer.scss
View file

@ -64,6 +64,11 @@ $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 {
@ -170,8 +175,8 @@ $MinWidth: 240px;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding-top: 8px; padding-top: 2px;
padding-bottom: 12px; padding-bottom: 8px;
} }
.mx_AppTileMenuBarTitle { .mx_AppTileMenuBarTitle {
@ -206,7 +211,7 @@ $MinWidth: 240px;
margin: 0 3px; margin: 0 3px;
} }
.mx_AppTileMenuBar_iconButton.mx_AppTileMenuBar_iconButton_popout { // TODO replace icon .mx_AppTileMenuBar_iconButton.mx_AppTileMenuBar_iconButton_popout {
mask-image: url('$(res)/img/feather-customised/widget/external-link.svg'); mask-image: url('$(res)/img/feather-customised/widget/external-link.svg');
} }
@ -248,17 +253,19 @@ $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-menu-bar-bg-color; 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 {

1
res/themes/dark/css/_dark.scss
View file

@ -131,6 +131,7 @@ $notice-secondary-color: $roomlist-header-color;
$panel-divider-color: transparent; $panel-divider-color: transparent;
$widget-menu-bar-bg-color: $header-panel-bg-color; $widget-menu-bar-bg-color: $header-panel-bg-color;
$widget-body-bg-color: rgba(141, 151, 165, 0.2);
// event tile lifecycle // event tile lifecycle
$event-sending-color: $text-secondary-color; $event-sending-color: $text-secondary-color;

1
res/themes/legacy-dark/css/_legacy-dark.scss
View file

@ -126,6 +126,7 @@ $roomtile-selected-bg-color: #1A1D23;
$panel-divider-color: $header-panel-border-color; $panel-divider-color: $header-panel-border-color;
$widget-menu-bar-bg-color: $header-panel-bg-color; $widget-menu-bar-bg-color: $header-panel-bg-color;
$widget-body-bg-color: #1A1D23;
// event tile lifecycle // event tile lifecycle
$event-sending-color: $text-secondary-color; $event-sending-color: $text-secondary-color;

1
res/themes/legacy-light/css/_legacy-light.scss
View file

@ -208,6 +208,7 @@ $panel-divider-color: #dee1f3;
// ******************** // ********************
$widget-menu-bar-bg-color: $secondary-accent-color; $widget-menu-bar-bg-color: $secondary-accent-color;
$widget-body-bg-color: #fff;
// ******************** // ********************

1
res/themes/light/css/_light.scss
View file

@ -208,6 +208,7 @@ $pinned-color: $notice-secondary-color;
// ******************** // ********************
$widget-menu-bar-bg-color: $secondary-accent-color; $widget-menu-bar-bg-color: $secondary-accent-color;
$widget-body-bg-color: #FFF;
// ******************** // ********************