Skip to content

Commit 939119a

Browse files
xthexderxthexder
committed
Remove unused CSS selectors, fix commit history page
1 parent 9a82b9a commit 939119a

File tree

5 files changed

+29
-140
lines changed

5 files changed

+29
-140
lines changed

‎build/wide-github.user.css

+9-46
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
@contributor Robert Laverty (https://github.com/roblav96)
1111
@contributor Amir Meimari (https://github.com/amirmeimari)
1212
@license MIT; https://raw.githubusercontent.com/xthexder/wide-github/master/LICENSE
13-
@version 1.6.0
13+
@version 1.6.1
1414
@homepageURL https://github.com/xthexder/wide-github
1515
@supportURL https://github.com/xthexder/wide-github/issues
1616
==/UserStyle== */
@@ -24,13 +24,12 @@
2424
margin-left: 0px !important;
2525
min-width: 980px;
2626
}
27-
body:not(.wgh-disabled) .application-main .container-lg,
28-
body:not(.wgh-disabled) .footer.container-lg {
27+
body:not(.wgh-disabled) .application-main .container-xl {
2928
max-width: none !important;
30-
margin-left: 0px !important;
3129
}
32-
body:not(.wgh-disabled) .application-main .container-xl {
30+
body:not(.wgh-disabled) .application-main .container-lg {
3331
max-width: none !important;
32+
margin-left: 0px !important;
3433
}
3534

3635
/* New github repository react divs (2023) */
@@ -44,50 +43,14 @@
4443
max-width: none;
4544
}
4645

47-
/* Floating PR toolbar */
48-
body:not(.wgh-disabled) .pr-toolbar {
49-
margin-left: -16px !important;
50-
margin-right: -16px !important;
51-
padding-left: 16px !important;
52-
padding-right: 16px !important;
46+
/* Commit history page */
47+
body:not(.wgh-disabled) #js-repo-pjax-container div[style="--sticky-pane-height: 100vh;"] > div[class^='Box-sc-']:first-child {
48+
max-width: none;
5349
}
5450

55-
/* Repository Issues */
56-
body:not(.wgh-disabled) #js-repo-pjax-container .discussion-timeline { /* Issue body */
57-
width: 100% !important;
58-
}
59-
body:not(.wgh-disabled) #js-repo-pjax-container .timeline-new-comment { /* New Issue / issue comment form */
60-
max-width: 100% !important;
61-
}
62-
body:not(.wgh-disabled) #js-repo-pjax-container .new-discussion-timeline .files-bucket > div { /* New PR code diff */
63-
width: inherit !important;
64-
left: auto !important;
65-
right: auto !important;
66-
margin-left: 0px !important;
67-
margin-right: 0px !important;
68-
padding-left: 0px !important;
69-
padding-right: 0px !important;
70-
}
71-
body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .comment-holder, /* Diff / code comments */
72-
body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .inline-comment-form-container,
73-
body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .inline-comment-form,
74-
body:not(.wgh-disabled) #js-repo-pjax-container #all_commit_comments .commit-comments-heading,
75-
body:not(.wgh-disabled) #js-repo-pjax-container #all_commit_comments .comment-holder {
76-
max-width: inherit !important;
77-
}
78-
body:not(.wgh-disabled) #js-repo-pjax-container .js-issue-row .text-right { /* Issue list Assignee alignment */
51+
/* Issue list Assignee alignment */
52+
body:not(.wgh-disabled) #js-repo-pjax-container .js-issue-row .text-right {
7953
max-width: 303px !important;
8054
}
8155

82-
/* Repository graph page */
83-
body:not(.wgh-disabled) #js-repo-pjax-container .capped-card-content { /* Graph cards on contributors / graph list */
84-
width: 100% !important;
85-
}
86-
87-
/* New gist input field height */
88-
body:not(.wgh-disabled) .gist-content .commit-create .CodeMirror {
89-
min-height: 250px;
90-
height: calc(100vh - 500px) !important;
91-
}
92-
9356
}

‎build/wide-github.user.js

+9-46
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
// @contributor Robert Laverty (https://github.com/roblav96)
1313
// @contributor Amir Meimari (https://github.com/amirmeimari)
1414
// @license MIT; https://raw.githubusercontent.com/xthexder/wide-github/master/LICENSE
15-
// @version 1.6.0
15+
// @version 1.6.1
1616
// @icon https://raw.githubusercontent.com/xthexder/wide-github/master/icons/icon.png
1717
// @homepageURL https://github.com/xthexder/wide-github
1818
// @supportURL https://github.com/xthexder/wide-github/issues
@@ -29,13 +29,12 @@ var styleSheet = "" +
2929
"margin-left: 0px !important;" +
3030
"min-width: 980px;" +
3131
"}" +
32-
"body:not(.wgh-disabled) .application-main .container-lg," +
33-
"body:not(.wgh-disabled) .footer.container-lg {" +
32+
"body:not(.wgh-disabled) .application-main .container-xl {" +
3433
"max-width: none !important;" +
35-
"margin-left: 0px !important;" +
3634
"}" +
37-
"body:not(.wgh-disabled) .application-main .container-xl {" +
35+
"body:not(.wgh-disabled) .application-main .container-lg {" +
3836
"max-width: none !important;" +
37+
"margin-left: 0px !important;" +
3938
"}" +
4039

4140
// New github repository react divs (2023)
@@ -49,52 +48,16 @@ var styleSheet = "" +
4948
"max-width: none;" +
5049
"}" +
5150

52-
// Floating PR toolbar
53-
"body:not(.wgh-disabled) .pr-toolbar {" +
54-
"margin-left: -16px !important;" +
55-
"margin-right: -16px !important;" +
56-
"padding-left: 16px !important;" +
57-
"padding-right: 16px !important;" +
51+
// Commit history page
52+
"body:not(.wgh-disabled) #js-repo-pjax-container div[style="--sticky-pane-height: 100vh;"] > div[class^='Box-sc-']:first-child {" +
53+
"max-width: none;" +
5854
"}" +
5955

60-
// Repository Issues
61-
"body:not(.wgh-disabled) #js-repo-pjax-container .discussion-timeline {" + // Issue body
62-
"width: 100% !important;" +
63-
"}" +
64-
"body:not(.wgh-disabled) #js-repo-pjax-container .timeline-new-comment {" + // New Issue / issue comment form
65-
"max-width: 100% !important;" +
66-
"}" +
67-
"body:not(.wgh-disabled) #js-repo-pjax-container .new-discussion-timeline .files-bucket > div {" + // New PR code diff
68-
"width: inherit !important;" +
69-
"left: auto !important;" +
70-
"right: auto !important;" +
71-
"margin-left: 0px !important;" +
72-
"margin-right: 0px !important;" +
73-
"padding-left: 0px !important;" +
74-
"padding-right: 0px !important;" +
75-
"}" +
76-
"body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .comment-holder," + // Diff / code comments
77-
"body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .inline-comment-form-container," +
78-
"body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .inline-comment-form," +
79-
"body:not(.wgh-disabled) #js-repo-pjax-container #all_commit_comments .commit-comments-heading," +
80-
"body:not(.wgh-disabled) #js-repo-pjax-container #all_commit_comments .comment-holder {" +
81-
"max-width: inherit !important;" +
82-
"}" +
83-
"body:not(.wgh-disabled) #js-repo-pjax-container .js-issue-row .text-right {" + // Issue list Assignee alignment
56+
// Issue list Assignee alignment
57+
"body:not(.wgh-disabled) #js-repo-pjax-container .js-issue-row .text-right {" +
8458
"max-width: 303px !important;" +
8559
"}" +
8660

87-
// Repository graph page
88-
"body:not(.wgh-disabled) #js-repo-pjax-container .capped-card-content {" + // Graph cards on contributors / graph list
89-
"width: 100% !important;" +
90-
"}" +
91-
92-
// New gist input field height
93-
"body:not(.wgh-disabled) .gist-content .commit-create .CodeMirror {" +
94-
"min-height: 250px;" +
95-
"height: calc(100vh - 500px) !important;" +
96-
"}" +
97-
9861
"";
9962

10063
(function () {

‎chrome/manifest.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@
33

44
"name": "Wide GitHub",
55
"description": "Change all GitHub repository and gist pages to be full width and dynamically sized.",
6-
"version": "1.6.0",
7-
"version_name": "1.6.0 MV3",
6+
"version": "1.6.1",
7+
"version_name": "1.6.1 MV3",
88
"icons": {
99
"32": "icons/icon32.png",
1010
"48": "icons/icon48.png",

‎mozilla/manifest.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
"name": "Wide GitHub",
55
"description": "Change all GitHub repository and gist pages to be full width and dynamically sized.",
6-
"version": "1.6.0",
6+
"version": "1.6.1",
77
"icons": {
88
"32": "icons/icon32.png",
99
"48": "icons/icon48.png",

‎wide-github.css

+8-45
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,12 @@ body:not(.wgh-disabled) .application-main .container {
55
margin-left: 0px !important;
66
min-width: 980px;
77
}
8-
body:not(.wgh-disabled) .application-main .container-lg,
9-
body:not(.wgh-disabled) .footer.container-lg {
8+
body:not(.wgh-disabled) .application-main .container-xl {
109
max-width: none !important;
11-
margin-left: 0px !important;
1210
}
13-
body:not(.wgh-disabled) .application-main .container-xl {
11+
body:not(.wgh-disabled) .application-main .container-lg {
1412
max-width: none !important;
13+
margin-left: 0px !important;
1514
}
1615

1716
/* New github repository react divs (2023) */
@@ -25,48 +24,12 @@ body:not(.wgh-disabled) .repository-content div[data-selector="repos-split-pane-
2524
max-width: none;
2625
}
2726

28-
/* Floating PR toolbar */
29-
body:not(.wgh-disabled) .pr-toolbar {
30-
margin-left: -16px !important;
31-
margin-right: -16px !important;
32-
padding-left: 16px !important;
33-
padding-right: 16px !important;
27+
/* Commit history page */
28+
body:not(.wgh-disabled) #js-repo-pjax-container div[style="--sticky-pane-height: 100vh;"] > div[class^='Box-sc-']:first-child {
29+
max-width: none;
3430
}
3531

36-
/* Repository Issues */
37-
body:not(.wgh-disabled) #js-repo-pjax-container .discussion-timeline { /* Issue body */
38-
width: 100% !important;
39-
}
40-
body:not(.wgh-disabled) #js-repo-pjax-container .timeline-new-comment { /* New Issue / issue comment form */
41-
max-width: 100% !important;
42-
}
43-
body:not(.wgh-disabled) #js-repo-pjax-container .new-discussion-timeline .files-bucket > div { /* New PR code diff */
44-
width: inherit !important;
45-
left: auto !important;
46-
right: auto !important;
47-
margin-left: 0px !important;
48-
margin-right: 0px !important;
49-
padding-left: 0px !important;
50-
padding-right: 0px !important;
51-
}
52-
body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .comment-holder, /* Diff / code comments */
53-
body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .inline-comment-form-container,
54-
body:not(.wgh-disabled) #js-repo-pjax-container .inline-comments .inline-comment-form,
55-
body:not(.wgh-disabled) #js-repo-pjax-container #all_commit_comments .commit-comments-heading,
56-
body:not(.wgh-disabled) #js-repo-pjax-container #all_commit_comments .comment-holder {
57-
max-width: inherit !important;
58-
}
59-
body:not(.wgh-disabled) #js-repo-pjax-container .js-issue-row .text-right { /* Issue list Assignee alignment */
32+
/* Issue list Assignee alignment */
33+
body:not(.wgh-disabled) #js-repo-pjax-container .js-issue-row .text-right {
6034
max-width: 303px !important;
6135
}
62-
63-
/* Repository graph page */
64-
body:not(.wgh-disabled) #js-repo-pjax-container .capped-card-content { /* Graph cards on contributors / graph list */
65-
width: 100% !important;
66-
}
67-
68-
/* New gist input field height */
69-
body:not(.wgh-disabled) .gist-content .commit-create .CodeMirror {
70-
min-height: 250px;
71-
height: calc(100vh - 500px) !important;
72-
}

0 commit comments

Comments
 (0)