mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-29 12:58:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

Add shadow to the reply preview and autocomplete composer panes

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-07-16 15:26:25 +01:00
parent d5f2d43429
commit 576294e7ce
6 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
res/css/views/rooms/_Autocomplete.scss
View file

@ -6,9 +6,10 @@
border: 1px solid $primary-hairline-color; border: 1px solid $primary-hairline-color;
background: $primary-bg-color; background: $primary-bg-color;
border-bottom: none; border-bottom: none;
border-radius: 4px 4px 0 0; border-radius: 8px 8px 0 0;
max-height: 50vh; max-height: 50vh;
overflow: auto; overflow: auto;
box-shadow: 0px -16px 32px $composer-shadow-color;
} }
.mx_Autocomplete_ProviderSection { .mx_Autocomplete_ProviderSection {

3
res/css/views/rooms/_ReplyPreview.scss
View file

@ -22,9 +22,10 @@ limitations under the License.
border: 1px solid $primary-hairline-color; border: 1px solid $primary-hairline-color;
background: $primary-bg-color; background: $primary-bg-color;
border-bottom: none; border-bottom: none;
border-radius: 4px 4px 0 0; border-radius: 8px 8px 0 0;
max-height: 50vh; max-height: 50vh;
overflow: auto; overflow: auto;
box-shadow: 0px -16px 32px $composer-shadow-color;
} }
.mx_ReplyPreview_section { .mx_ReplyPreview_section {

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

@ -211,6 +211,8 @@ $appearance-tab-border-color: $room-highlight-color;
$roomlist-background-blur-amount: 60px; $roomlist-background-blur-amount: 60px;
$tagpanel-background-blur-amount: 30px; $tagpanel-background-blur-amount: 30px;
$composer-shadow-color: rgba(0, 0, 0, 0.28);
// ***** Mixins! ***** // ***** Mixins! *****
@define-mixin mx_DialogButton { @define-mixin mx_DialogButton {

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

@ -203,6 +203,8 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
// Appearance tab colors // Appearance tab colors
$appearance-tab-border-color: $room-highlight-color; $appearance-tab-border-color: $room-highlight-color;
$composer-shadow-color: tranparent;
// ***** Mixins! ***** // ***** Mixins! *****
@define-mixin mx_DialogButton { @define-mixin mx_DialogButton {

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

@ -331,6 +331,8 @@ $user-tile-hover-bg-color: $header-panel-bg-color;
// FontSlider colors // FontSlider colors
$appearance-tab-border-color: $input-darker-bg-color; $appearance-tab-border-color: $input-darker-bg-color;
$composer-shadow-color: tranparent;
// ***** Mixins! ***** // ***** Mixins! *****
@define-mixin mx_DialogButton { @define-mixin mx_DialogButton {

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

@ -335,6 +335,7 @@ $appearance-tab-border-color: $input-darker-bg-color;
$roomlist-background-blur-amount: 40px; $roomlist-background-blur-amount: 40px;
$tagpanel-background-blur-amount: 20px; $tagpanel-background-blur-amount: 20px;
$composer-shadow-color: rgba(0, 0, 0, 0.04);
// ***** Mixins! ***** // ***** Mixins! *****