ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Emoji Picker: Fix overlapping category names in Firefox (#1575)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-12-10 18:33:45 +01:00
parent 24a48fae63
commit 261ea66d5e
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/composer/GifPicker.scss
View File

@ -8,6 +8,10 @@
overflow-y: auto; overflow-y: auto;
padding: 0.25rem; padding: 0.25rem;
@supports (overflow: overlay) {
overflow-y: overlay;
}
.Loading, .picker-disabled { .Loading, .picker-disabled {
grid-column: 1 / -1; grid-column: 1 / -1;
height: var(--menu-height); height: var(--menu-height);

7
src/components/middle/composer/SymbolMenu.scss
View File

@ -36,7 +36,6 @@
} }
&-main { &-main {
width: var(--symbol-menu-width);
height: var(--symbol-menu-height); height: var(--symbol-menu-height);
max-height: calc(100vh - var(--symbol-menu-footer-height)); max-height: calc(100vh - var(--symbol-menu-footer-height));
@supports (padding-bottom: env(safe-area-inset-bottom)) { @supports (padding-bottom: env(safe-area-inset-bottom)) {
@ -107,9 +106,13 @@
} }
.bubble { .bubble {
width: calc(var(--symbol-menu-width) + .25rem); // Reserve width for scrollbar
padding: 0; padding: 0;
width: var(--symbol-menu-width);
overflow: hidden; overflow: hidden;
@supports (overflow: overlay) {
width: var(--symbol-menu-width);
}
} }
.picker-disabled { .picker-disabled {