haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(filmstrip-only): set width for toolbar popovers 

The popovers in filmstrip only are displaying thinly.
As a quick workaround, set a width on them. There
should only be one anyway, which shows up when
talking while muted.
This commit is contained in:
Leonard Kim 2017-10-24 12:24:15 -07:00 committed by yanas
parent c345c0d5e8
commit 92dbdade39
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/_toolbars.scss
View File

@ -226,6 +226,10 @@
width: 37px; width: 37px;
} }
.button-popover-message {
width: 100px;
}
.toolbar-button-wrapper:first-child .button { .toolbar-button-wrapper:first-child .button {
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;

6
react/features/toolbox/components/ToolbarButton.web.js
View File

@ -128,7 +128,11 @@ class ToolbarButton extends Component {
children = ( // eslint-disable-line no-extra-parens children = ( // eslint-disable-line no-extra-parens
<InlineDialog <InlineDialog
content = { t(dataAttr, dataInterpolate) } content = {
<div className = 'button-popover-message'>
{ t(dataAttr, dataInterpolate) }
</div>
}
isOpen = { Boolean(popupConfig) } isOpen = { Boolean(popupConfig) }
position = { position }> position = { position }>
{ buttonComponent } { buttonComponent }