speed dial positioning script


SUBMITTED BY: erictibby

DATE: Feb. 27, 2017, 9:24 a.m.

FORMAT: Text only

SIZE: 637 Bytes

HITS: 26163

  1. header {
  2. position: relative;
  3. }
  4. .mdl-speed-dial {
  5. position: absolute;
  6. text-align: right;
  7. z-index: 10000;
  8. margin: 0;
  9. }
  10. .mdl-speed-dial--bottom-fixed {
  11. bottom: 28px;
  12. right: 40px;
  13. }
  14. .mdl-speed-dial--header-edge {
  15. top: calc(100% - 28px);
  16. right: 40px;
  17. }
  18. .mdl-speed-dial__options {
  19. display: none;
  20. margin-bottom: 16px;
  21. }
  22. .mdl-speed-dial__option {
  23. margin: 16px 8px 2px 8px;
  24. }
  25. .mdl-speed-dial__tooltip {
  26. margin-right: 5px;
  27. padding: 4px;
  28. display: inline;
  29. background: rgba(97, 97, 97, 0.9);
  30. border-radius: 2px;
  31. color: #fff;
  32. }
  33. .mdl-speed-dial_main-fab-icon--hidden {
  34. display: none;
  35. }

comments powered by Disqus