mirrors
/
mastodon-glitch
mirror of https://github.com/glitch-soc/mastodon
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Remove hardcoded width from dropdown overlays 

Port f4a6365f55 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
pull/2080/head
Claire 2023-01-12 16:43:02 +01:00
parent cef87ba86c
commit 598888a7c4
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/features/compose/components/dropdown.js
View File

@ -221,7 +221,7 @@ export default class ComposerOptionsDropdown extends React.PureComponent {
popperConfig={{ strategy: 'fixed', onFirstUpdate: this.handleOverlayEnter }} popperConfig={{ strategy: 'fixed', onFirstUpdate: this.handleOverlayEnter }}
> >
{({ props, placement }) => ( {({ props, placement }) => (
<div {...props} style={{ ...props.style, width: 350, maxWidth: '100vw' }}> <div {...props}>
<div className={`dropdown-animation privacy-dropdown__dropdown ${placement}`}> <div className={`dropdown-animation privacy-dropdown__dropdown ${placement}`}>
<DropdownMenu <DropdownMenu
items={items} items={items}

2
app/javascript/flavours/glitch/features/compose/components/language_dropdown.js
View File

@ -307,7 +307,7 @@ class LanguageDropdown extends React.PureComponent {
<Overlay show={open} placement={'bottom'} flip target={this.findTarget} popperConfig={{ strategy: 'fixed', onFirstUpdate: this.handleOverlayEnter }}> <Overlay show={open} placement={'bottom'} flip target={this.findTarget} popperConfig={{ strategy: 'fixed', onFirstUpdate: this.handleOverlayEnter }}>
{({ props, placement }) => ( {({ props, placement }) => (
<div {...props} style={{ ...props.style, width: 280 }}> <div {...props}>
<div className={`dropdown-animation language-dropdown__dropdown ${placement}`} > <div className={`dropdown-animation language-dropdown__dropdown ${placement}`} >
<LanguageDropdownMenu <LanguageDropdownMenu
value={value} value={value}

2
app/javascript/flavours/glitch/styles/components/emoji.scss
View File

@ -13,7 +13,7 @@
.emoji-picker-dropdown__menu { .emoji-picker-dropdown__menu {
background: $simple-background-color; background: $simple-background-color;
position: absolute; position: relative;
box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4); box-shadow: 4px 4px 6px rgba($base-shadow-color, 0.4);
border-radius: 4px; border-radius: 4px;
margin-top: 5px; margin-top: 5px;