☰

Indeed.com Compact-Mode

Provides a more productive browsing experience on indeed.com by enabling a full-width layout and compacting most UI elements on screens wider than 768 pixels. CSS Only, Grants GM_addStyle.

  1. // ==UserScript==
  2. // @name        Indeed.com Compact-Mode
  3. // @description Provides a more productive browsing experience on indeed.com by enabling a full-width layout and compacting most UI elements on screens wider than 768 pixels. CSS Only, Grants GM_addStyle.
  4. // @iconURL     https://raw.githubusercontent.com/jgladwill/userscripts/main/indeed.com/compact-mode.icon32.png
  5. // @icon64URL   https://raw.githubusercontent.com/jgladwill/userscripts/main/indeed.com/compact-mode.icon64.png
  6. // @version     1.0.7
  7. // @license     MIT; https://opensource.org/licenses/MIT
  8. // @author      jgladwill
  9. // @namespace   https://github.com/jgladwill/userscripts/indeed.com/
  10. // @homepageURL https://github.com/jgladwill/userscripts/
  11. // @supportURL  https://github.com/jgladwill/userscripts/issues/
  12. // @match       *://*.indeed.com/*
  13. // @grant       GM_addStyle
  14. // @run-at      document-end
  15. // ==/UserScript==
  16.  
  17. GM_addStyle(`
  18. 	* {outline: 0 !important;}
  19. 	@media (min-width: 769px) {
  20. 		#gnav-main-container [class*=gnav-header-] {
  21. 			margin: 0px !important;
  22. 			padding: 0px !important;
  23. 			min-height: initial !important;}
  24. 		#gnav-main-container [class*=gnav-header-].gnav-Logo {
  25. 			margin: 0 !important;}
  26. 		#gnav-main-container [class*=gnav-header-] a, #gnav-main-container [class*=gnav-header-] svg, #gnav-main-container [class*=gnav-header-] img, #gnav-main-container [class*=gnav-header-] button {
  27. 			margin: 5px !important;
  28. 			padding: 0px !important;
  29. 			height: 22px !important;
  30. 			width:  auto !important;
  31. 			min-height: initial !important;
  32. 			min-width: initial !important;}
  33. 		.icl-TextInput {padding: 5px !important;}
  34. 		.icl-Autocomplete-list li {padding: 0 5px !important;}
  35. 		.icl-TextInput-labelWrapper {margin: 0px 5px !important;}
  36. 		.icl-TextInput-labelWrapper label:after {content: ':' !important;}
  37. 		.yosegi-InlineWhatWhere {margin-bottom: 0px !important;}
  38. 		.yosegi-InlineWhatWhere-primaryButton {
  39. 			padding: 5px 10px !important;
  40. 			min-width: 0px !important;}
  41. 		.yosegi-FilterPill-pill {
  42. 			height: 22px !important;
  43. 			margin-right: 5px !important;
  44. 			padding: 15px !important;
  45. 			min-width: 0px !important;
  46. 			border-radius: 999px !important;}
  47. 		.yosegi-FilterPill-pillIcon svg {
  48. 			height: 9px !important;
  49. 			width: 9px !important;}
  50. 		.kebabMenu-button, .kebabMenu-button svg {
  51. 			height: 16px !important;
  52. 			width: 20px !important;}
  53. 		.attribute_snippet {
  54. 			max-width: 200px !important;
  55. 			overflow: hidden !important;
  56. 			white-space: nowrap !important;}
  57. 		.jobsearch-LeftPane .metadata span, .jobsearch-LeftPane .metadata a {
  58. 			font-size: .5rem !important;}
  59. 		.tapItem-gutter {margin-bottom: 0 !important;}
  60. 		.jobsearch-LeftPane, .jobsearch-RightPane {max-width: initial !important;}
  61. 		.jobsearch-LeftPane {width: 40vw !important;}
  62. 		.jobsearch-RightPane {width: 60vw !important;}
  63. 		.jobsearch-SerpMainContent {padding: 10px 15px !important;}
  64. 		.jobsearch-SerpMainContent, .jobsearch-RichSearchBody {
  65. 			width: 100% !important;
  66. 			justify-content: space-between !important;}
  67. 		.jobsearch-JobCountAndSortPane, .jobsearch-JobCountAndSortPane, .jobsearch-JobCountAndSortPane-jobCountInfo {margin: 0 !important; padding: 0 !important;}
  68. 		.jobsearch-SerpTitle, .visually-hidden, .fe_logo, .jobCardShelfContainer, .microContentQuestion, .smileyRatingForm, .msdg, #mosaic-aboveJobCards, .job_seen_beacon [class*=css-ot], .job_seen_beacon [class*=css-] div {display: none !important;}
  69. 		.mosaic-provider-jobcards .tapItem.result.resultWithShelf .slider_container .jobCard_mainContent {padding: 5px 10px !important;}
  70. 	}
  71. `);