瀏覽代碼

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.
j8
Leonard Kim 8 年之前
父節點
當前提交
92dbdade39
共有 2 個文件被更改,包括 9 次插入1 次删除
  1. 4
    0
      css/_toolbars.scss
  2. 5
    1
      react/features/toolbox/components/ToolbarButton.web.js

+ 4
- 0
css/_toolbars.scss 查看文件

226
             width: 37px;
226
             width: 37px;
227
         }
227
         }
228
 
228
 
229
+        .button-popover-message {
230
+            width: 100px;
231
+        }
232
+
229
         .toolbar-button-wrapper:first-child .button {
233
         .toolbar-button-wrapper:first-child .button {
230
             border-top-left-radius: 3px;
234
             border-top-left-radius: 3px;
231
             border-top-right-radius: 3px;
235
             border-top-right-radius: 3px;

+ 5
- 1
react/features/toolbox/components/ToolbarButton.web.js 查看文件

128
 
128
 
129
             children = ( // eslint-disable-line no-extra-parens
129
             children = ( // eslint-disable-line no-extra-parens
130
                 <InlineDialog
130
                 <InlineDialog
131
-                    content = { t(dataAttr, dataInterpolate) }
131
+                    content = {
132
+                        <div className = 'button-popover-message'>
133
+                            { t(dataAttr, dataInterpolate) }
134
+                        </div>
135
+                    }
132
                     isOpen = { Boolean(popupConfig) }
136
                     isOpen = { Boolean(popupConfig) }
133
                     position = { position }>
137
                     position = { position }>
134
                     { buttonComponent }
138
                     { buttonComponent }

Loading…
取消
儲存