☰

GitHub - single column with important info on the top

Right sidebar at repository page with description and other becomes top row, readme pulled above files.

25.03.2021 itibariyledir. En son verisyonu görün.

/* ==UserStyle==
@name           GitHub - single column with important info on the top
@namespace      myfonj
@version        1.3.1
@description    Right sidebar at repository page with description and other becomes top row, readme pulled above files.
@author         myf
==/UserStyle== */
@-moz-document domain("github.com") {
 /* categorisation*/
}
@-moz-document regexp("^https?://github.com/(?!password_reset|settings)([^#?/]+)/([^#?/]+)/?([#?].*)?$") {
 /*
	GitHub - single column with important info on the top
	https://greasyfork.org/en/scripts/406729/versions/new
	*/
 /* unify main max width and centering */
 main[id] > div {
  max-width: none !important;
  max-width: 80rem !important;
  margin-left: auto;
  margin-right: auto;
 }
 /* */
 main > div:first-child {
  display: flex;
  flex-direction: column;
  background-color: transparent !important;
  padding-top: 0 !important;
 }
 main > div:first-child > nav {
  order: -1;
  margin-bottom: 1em;
 }
 /*
	§1
	mobile-only description under main repository identifier (heading) above columns wrapper
	it is duplicated in the second column for large displays, which we will hide later
	*/
 main[data-pjax-container] > div > div + div:not(#\0) {
  display: flex !important;
  flex-wrap: wrap;
 }
 /* actual description at own "line" (THIS IS IT) */
 main[id*="repo"] > div > div + div:not(#\0) > p:first-child {
  flex-basis: 100%
 }
 main[id*="repo"] > div > div + div:not(#\0) > * {
  margin-right: 1em;
 }
 /* baseline align */
 main[id*="repo"] > div > div + div:not(#\0) > p:first-child + *.d-flex {
  display: block !important;
 }
 /* star / watch (duped at desktop header) */
 main[id*="repo"] > div > div + div:not(#\0) > :last-child {
  display: none !important;
 }


 /* debugs */
 /* repository-content	= * /
 main > div:last-child > div.repository-content { outline: 1px solid purple !important; }
 /* "popover" = * /
 .repository-content > div > div:first-child { outline: 1px solid red !important; }
 /* "main table" & readme	= * /
 .repository-content > div > div:last-child { outline: 1px solid green !important; }
 /*	"info sidebar"	= * /
 .repository-content > div > div:last-child > div:last-child > div { outline: 1px solid gold !important; }
 /* */
 /* main rows-made-columns wrapper */
 .repository-content > div > div:last-child {
  flex-direction: column-reverse !important;
 }
 /* now columns */
 .repository-content > div > div:last-child > div {
  width: auto;
 }
 /*
  wrapper of 
  - file navigation
  - files (moved to bottom, but first "row" with latest commit positioned to top)
  - readme (reordered to top)
  we could make space for "last commit" pulled above readme here
  but for now let's try visually injecting it in between branch selector and clone buttons
 */
 .repository-content > div > div:last-child > div:first-child {
  position: relative;
  /*padding-top: 4rem;*/
 }
 /*
  last commit & "commits" link
 */
 .repository-content > div > div:last-child > div:first-child > div:nth-child(2) > div:first-child {
  position: absolute !important;
  top: -0.75rem;
  background-color: transparent !important;
  border: none;
  left: 20rem;
  right: 20rem;
 }
 /*
 sidebar-made-main-content
	for god's sake, THIS div should be MAIN and should be near H1 or something
	not suffocated at the end of the document in sidebar
	*/
 .repository-content > div > div:last-child > div:last-child > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 1rem;
 }
 .repository-content > div > div:last-child > div:last-child > div > * {
  flex-grow: 1;
  flex-shrink: 1;
 }
 /* no border nor paddings */
 .repository-content > div > div:last-child > div:last-child > div > div > div {
  border: none;
  padding-top: 0;
  padding-right: 1rem;
  padding-bottom: 1rem;
 }
 /*
	"about" cell
	actually, there is this content near H1, but it is shown only for mobile
	at this point it is shown (see §1), so let's hide what is already visible in there
	*/
 /*
	- description - dupe from header
	*/
 .repository-content > div > div:last-child > div:last-child > div > div > *:first-child p {
  border: 1px solid red !important;
  display: none;
 }
 /*
	- license - dupe from header
 - readme - will be righ below this block
	*/
 .repository-content > div > div:last-child > div:last-child > div [href*="#readme" i],
 .repository-content > div > div:last-child > div:last-child > div [href*="/blob/master/LICENSE" i] {
  display: none !important;
 }
 /*
	- external link - dupe frome header
	*/
 .repository-content > div > div:last-child > div:last-child > div:first-child > div p + div svg.octicon-link,
 .repository-content > div > div:last-child > div:last-child > div:first-child > div p + div svg.octicon-link + span {
  display: none;
 }
 /*
	- "About" heading is quite redundant in there and it's cell may be "empty" now
		*/
 .repository-content > div > div:last-child > div:last-child > div:first-child > div:first-child h2 {
  display: none
 }
 /* tags */
 .repository-content > div > div:last-child > div:last-child > div:first-child > div .f6 {
  display: flex;
  flex-wrap: wrap;
  max-width: 17rem;
 }
 .repository-content > div > div:last-child > div:last-child > div:first-child > div .f6 > * {
  flex-grow: 1;
  text-align: center;
 }
 .repository-content > div > div:last-child > div:last-child > div:first-child > div .f6:not(:hover) {
  opacity: 0.5;
 }
 /* Readme before files*/
 .repository-content > div > div:last-child > div:first-child {
  display: flex;
  flex-direction: column;
 }
 .repository-content > div > div:last-child > div:first-child > .file-navigation {
  order: -2
 }
 /*
 there are two kinds of readme blocks:
 - "fancy" readme-toc component with kebab menu of headings (?)
   - see e.g. https://github.com/SerenityOS/serenity
 - "normal" div#readme
   - see e.g. https://github.com/mozilla/readability
 */
 .repository-content > div > div:last-child > div:first-child > readme-toc,
 .repository-content > div > div:last-child > div:first-child > #readme {
  order: -1
 }
 /* */
}