Update Widget paddings and background colours
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>pull/21833/head
parent
744a4abd1c
commit
06009df05b
|
@ -64,6 +64,11 @@ $MiniAppTileHeight: 200px;
|
|||
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 {
|
||||
|
@ -170,8 +175,8 @@ $MinWidth: 240px;
|
|||
align-items: center;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 12px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.mx_AppTileMenuBarTitle {
|
||||
|
@ -206,7 +211,7 @@ $MinWidth: 240px;
|
|||
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');
|
||||
}
|
||||
|
||||
|
@ -248,17 +253,19 @@ $MinWidth: 240px;
|
|||
padding: 0;
|
||||
margin: 0;
|
||||
display: block;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.mx_AppPermissionWarning {
|
||||
text-align: center;
|
||||
background-color: $widget-menu-bar-bg-color;
|
||||
background-color: $widget-body-bg-color;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: $font-16px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.mx_AppPermissionWarning_row {
|
||||
|
|
|
@ -131,6 +131,7 @@ $notice-secondary-color: $roomlist-header-color;
|
|||
$panel-divider-color: transparent;
|
||||
|
||||
$widget-menu-bar-bg-color: $header-panel-bg-color;
|
||||
$widget-body-bg-color: rgba(141, 151, 165, 0.2);
|
||||
|
||||
// event tile lifecycle
|
||||
$event-sending-color: $text-secondary-color;
|
||||
|
|
|
@ -126,6 +126,7 @@ $roomtile-selected-bg-color: #1A1D23;
|
|||
$panel-divider-color: $header-panel-border-color;
|
||||
|
||||
$widget-menu-bar-bg-color: $header-panel-bg-color;
|
||||
$widget-body-bg-color: #1A1D23;
|
||||
|
||||
// event tile lifecycle
|
||||
$event-sending-color: $text-secondary-color;
|
||||
|
|
|
@ -208,6 +208,7 @@ $panel-divider-color: #dee1f3;
|
|||
// ********************
|
||||
|
||||
$widget-menu-bar-bg-color: $secondary-accent-color;
|
||||
$widget-body-bg-color: #fff;
|
||||
|
||||
// ********************
|
||||
|
||||
|
|
|
@ -208,6 +208,7 @@ $pinned-color: $notice-secondary-color;
|
|||
// ********************
|
||||
|
||||
$widget-menu-bar-bg-color: $secondary-accent-color;
|
||||
$widget-body-bg-color: #FFF;
|
||||
|
||||
// ********************
|
||||
|
||||
|
|
Loading…
Reference in New Issue