GeoGuessr Bigger Map on Map-Maker

Enables the user to have a bigger map when using the map-maker // It also hides the Search Bar and the Sidebar when using the map-maker

当前为 2020-07-25 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name GeoGuessr Bigger Map on Map-Maker
  3. // @namespace https://bitbucket.org/MrAmericanMike/
  4. // @version 0.3.1
  5. // @description Enables the user to have a bigger map when using the map-maker // It also hides the Search Bar and the Sidebar when using the map-maker
  6. // @author MrAmericanMike
  7. // @include https://www.geoguessr.com/map-maker
  8. // @grant none
  9. // @run-at document-end
  10. // ==/UserScript==
  11.  
  12. console.log("GeoGuessr Bigger Map on Map-Maker");
  13.  
  14. function addGlobalStyle(css) {
  15. var head, style;
  16. head = document.getElementsByTagName('head')[0];
  17. if (!head) { return; }
  18. style = document.createElement('style');
  19. style.type = 'text/css';
  20. style.innerHTML = css.replace(/;/g, ' !important;');
  21. head.appendChild(style);
  22. }
  23.  
  24. addGlobalStyle (`
  25.  
  26. .container {
  27. --width: 100%;
  28. }
  29.  
  30. .layout {
  31. --layout-content-padding-top: 0.5rem;
  32. --layout-content-padding-bottom: 2.5rem;
  33. --layout-content-horizontal-padding: 0.5rem;
  34. }
  35.  
  36. .layout--always-show-sidebar-on-large-devices {
  37. grid-template-columns: 0rem 1fr;
  38. }
  39.  
  40. aside, .title {
  41. display: none;
  42. }
  43.  
  44. .map-maker-map {
  45. width: 100%;
  46. height: 90vh;
  47. padding-bottom: 0%;
  48. position: relative;
  49. }
  50.  
  51. .streetview-panel {
  52. width: 50rem;
  53. height: 100%;
  54. max-height: 100%;
  55. right: 0;
  56. top: 0;
  57. position: absolute;
  58. }
  59.  
  60. `);
  61.