|
206 | 206 | return '64px'; |
207 | 207 | } |
208 | 208 | }, |
209 | | - topListPadding() { |
| 209 | + listPadding() { |
210 | 210 | switch (this.iconSize) { |
211 | 211 | case 'small': |
212 | 212 | return '58px'; |
|
221 | 221 | return '74px'; |
222 | 222 | } |
223 | 223 | }, |
224 | | - bottomListPadding() { |
225 | | - // mainIconSize + (paddingAmount) / 2 + 20 |
226 | | - switch (this.iconSize) { |
227 | | - case 'small': |
228 | | - return '48px'; |
229 | | - break; |
230 | | - case 'medium': |
231 | | - return '52px'; |
232 | | - break; |
233 | | - case 'large': |
234 | | - return '58px'; |
235 | | - break; |
236 | | - default: |
237 | | - return '52px'; |
238 | | - } |
239 | | - }, |
240 | 224 | listPos() { |
241 | 225 | if (this.position === 'top-right' || this.position === 'top-left') { |
242 | 226 | return { |
243 | | - top: this.allowRevertDirection ? 'unset' : this.topListPadding, |
244 | | - bottom: this.allowRevertDirection ? this.topListPadding : 'unset', |
| 227 | + top: this.allowRevertDirection ? 'unset' : this.listPadding, |
| 228 | + bottom: this.allowRevertDirection ? this.listPadding : 'unset', |
245 | 229 | position: this.allowRevertDirection ? 'absolute' : 'absolute', |
246 | 230 | width: this.listSize, |
247 | 231 | } |
248 | 232 | } |
249 | 233 | return { |
250 | | - bottom: this.allowRevertDirection ? 'unset' : this.topListPadding, |
251 | | - top: this.allowRevertDirection ? this.topListPadding : 'unset', |
| 234 | + bottom: this.allowRevertDirection ? 'unset' : this.listPadding, |
| 235 | + top: this.allowRevertDirection ? this.listPadding : 'unset', |
252 | 236 | position: this.allowRevertDirection ? 'absolute' : 'absolute', |
253 | 237 | width: this.listSize |
254 | 238 | } |
|
382 | 366 | }); |
383 | 367 | }, |
384 | 368 | autoReverse(val, oldVal){ |
385 | | - if (val !== oldVal && !val) { |
| 369 | + if (val !== oldVal) { |
386 | 370 | if (val) window.addEventListener('scroll', this.handleScroll); |
387 | 371 | else window.removeEventListener('scroll', this.handleScroll); |
388 | 372 | } |
|
515 | 499 | align-items: center; |
516 | 500 | border-radius: 100px; |
517 | 501 | box-shadow: 0 10px 10px rgba(0, 0, 0, 0.20), 0 4px 4px rgba(0, 0, 0, 0.15); |
518 | | - z-index: 15; |
519 | 502 | } |
520 | 503 |
|
521 | 504 | .fab-list li .material-icons { |
|
530 | 513 | ul { |
531 | 514 | list-style-type: none; |
532 | 515 | padding: 0 !important; |
533 | | - z-index: 10; |
534 | 516 | } |
535 | 517 |
|
536 | 518 | .fab-wrapper .actions-container { |
|
0 commit comments