_gmaps.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. @media only screen and (max-width: 767px) {
  2. #gmap {
  3. margin: -40px -15px 0 -15px;
  4. }
  5. html.mobile-device {
  6. #gmap {
  7. min-height: 100px;
  8. }
  9. }
  10. }
  11. @media only screen and (min-width: 768px) {
  12. #gmap {
  13. bottom: 0;
  14. height: auto !important;
  15. left: 0;
  16. position: absolute !important;
  17. right: 0;
  18. top: 0;
  19. min-height: 0;
  20. }
  21. }
  22. // MARKERS LIST
  23. // -----------------------------------------------------------------------------
  24. /* List Containing Markers */
  25. .list-markers {
  26. border-bottom: 1px solid lighten( $sidebar-background, 2% );
  27. padding-bottom: 10px;
  28. li {
  29. position: relative;
  30. }
  31. p {
  32. margin: 0 0 2px 0;
  33. padding: 3px 55px 3px 0;
  34. overflow: hidden;
  35. white-space: nowrap;
  36. text-overflow: ellipsis;
  37. width: 100%;
  38. }
  39. .location-action {
  40. position: absolute;
  41. right: 0;
  42. top: 2px;
  43. &.location-edit {
  44. right: 15px;
  45. top: 3px;
  46. }
  47. &.location-center {
  48. right: 37px;
  49. }
  50. }
  51. }
  52. // MODAL FOR MARKERS
  53. // -----------------------------------------------------------------------------
  54. /* Modal Add/Edit Markers */
  55. .marker-modal {
  56. .modal-dialog {
  57. max-width: 450px;
  58. }
  59. }