diff --git a/src/components/middle/composer/SymbolMenu.scss b/src/components/middle/composer/SymbolMenu.scss index 777bca6f1..3f4a3329b 100644 --- a/src/components/middle/composer/SymbolMenu.scss +++ b/src/components/middle/composer/SymbolMenu.scss @@ -13,7 +13,8 @@ transition: transform var(--layer-transition); &.open { - transform: translate3d(0, 0 ,0); + transform: translate3d(0, 0, 0); + body.is-media-viewer-open & { transform: translate3d(0, calc(var(--symbol-menu-height) + var(--symbol-menu-footer-height)), 0); } @@ -50,7 +51,7 @@ margin: 0 0.75rem; } - &.symbol-search-button{ + &.symbol-search-button { position: absolute; left: 0.25rem; } diff --git a/src/components/middle/message/MessageContextMenu.scss b/src/components/middle/message/MessageContextMenu.scss index 9f4c5d16d..2066f00e3 100644 --- a/src/components/middle/message/MessageContextMenu.scss +++ b/src/components/middle/message/MessageContextMenu.scss @@ -2,6 +2,11 @@ position: absolute; font-size: 1rem; + .bubble { + transform: scale(0.5); + transition: opacity .15s cubic-bezier(0.2, 0, 0.2, 1), transform .15s cubic-bezier(0.2, 0, 0.2, 1) !important; + } + .backdrop { position: absolute; touch-action: none;