speed dial positioning script

SUBMITTED BY: erictibby

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

FORMAT: Text only

SIZE: 637 Bytes

Raw Download

HITS: 26163

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