mdo / github-wide Goto Github PK
View Code? Open in Web Editor NEWUserstyle for making all of GitHub completely fluid.
License: MIT License
Userstyle for making all of GitHub completely fluid.
License: MIT License
It seems that github has changed again its CSS so the code is not properly streched out. Just only the top part is affected.
Regards, Arturo
First of all: thanks a lot for this style, it is a nerve-saver!
I have noticed however, that it currently scrambles my homepage (see the attached screenshot below).
I was able to fix the problem by just commenting out the .news and .dashboard-sidebar classes from github.css. I can make a pull request if you'd like, but first I wanted to ask:
Compare jenkinsci/workflow-job-plugin#104 (comment) to https://github.com/jenkinsci/workflow-job-plugin/pull/104/files#r213702802: the former is full-width, the latter is not.
While viewing a long Gist, the horizontal scrollbar is way down at the bottom of the content.
This is mostly only a problem in cases where content is wider than viewport. Scrolling to the right to see the un-wrapped content is easier with the scrollbar. I find myself sometimes scrolling to the bottom of the page just so I can scroll right, and then all the way back up to see the content that didn't wrap.
Maybe this is not something you can change with a theme, and thats ok if that is true.
Hello, and thank you for this wonderful tool! It's great for diff views, but I'd like to limit it to be active only in the diff view, and not on other pages on github. Is there an easy way?
The notifications, create and profile icons in the navigation bar don't move inwards when windows is smaller,
Example: syl20bnr/spacemacs#2688
You said in the Readme that you work at GitHub...
I know it's non-zero work to "ship" this as the default, but it seem worth it. Please do this. All users would benefit.
Hi @mdo , here is a screenshot of the issue:
You can reproduce this issue by navigating to the github.com and scrolling down to the footer.
As an alternative to userstyles.org, have you considered just hosting the style here on GitHub?
Thank you.
Similar or same as #74. From one day to the next, my Github isn't doing what it did with your style active.
No more Github wide. Github now acts and looks as if the style isn't active anymore
NOTE: I tried both the version in this repo and the fork by cfoellmann
i see here that you are sporting a light header:
https://github.com/mdo/github-wide
however the default header is dark - if im not mistaken it was you yourself that
deployed the dark header:
https://twitter.com/mdo/status/830138373230653440
and now you are not using it?
Would be great if you would put this up on http://userstyles.org so it is updated/installable directly via the stylish addon
While editing a Gist, the width is fine but the height could be taller. It currently shows around 20 lines.
The README says
#### Stylus
Website: [Stylish](http://add0n.com/stylus.html)
#### Stylish
> Due to privacy concerns (extension has permission to all your browser data) Stylus is recommended.
Website: [userstyles.org](http://userstyles.org)
I find the above confusing. Under the "Stylus" header is a website named Stylish (with an address containing "stylus"), while under the "Stylish" header, Stylus is recommended, and the website has a name that is neither "stylus" nor "stylish".
Which one is recommended in the end?
If under Feature preview you enable New Code Search and Code View (Beta) then pages covered by this feature (such as blob
URLs) are displayed in a narrow central column despite this style.
Something sets
max-width: 1280px;
https://github.com/apache/httpd/tree/9605760cff84574a013bf337f6cefae2b4f424f6 is fine but https://github.com/apache/httpd/blob/9605760cff84574a013bf337f6cefae2b4f424f6/CMakeLists.txt is not, for example.
Since my screen is very wide, the default GitHub CSS can make images become very wide and therefore very tall. I find myself having to scroll to see the entirety of a screenshot from modern phones. The following CSS snippet appears to work for my use-case.
.markdown-body img {
max-height: 60em; /* or ~800px */
}
If you'd like, I can open a PR with this minor change.
I tried installing this for our GitHub enterprise and it doesn't seem to affect the width. Any ideas?
Edit: I have just realised that I have posted in the wrong repo! I should have posted here. I have no idea if the same problem applies to this project or not!
Github recently made some small changes to the page we use to open a new pull request.
As a result, the text box is no longer wide, and sits on the far left, leaving a big empty gap on the right hand side.
I had a little play with the CSS but it didn't look that trivial to solve, so I'm hoping one of you experts can do it... :)
(I am actually using the userscript release here.)
Every time there is an update update to the style, I need to manually enter in any of the enterprise github urls I use.
I came up with the following regex that appears to work for both public & GHE and wanted to see if anyone else felt it would be of value.
Instead of matching just for the github.com domain, you can match against the regex expression https?://github\..*
this would match the standard github.com but also the github.enterprise-domain-here.com domains.
Hello,
I found this repo today, and it gives me quite a good wide view on github. 👍👍👍
Since I use octotree plugin,
which show me code tree on steroids.
It has very small conflicts with github-wide.
As you see, navbar by octotree hide content of issue.
I want to move .repository-content depends on navbar width but I don't know about css very well 😢
May I get a advice for this issue?
thanks
GitHub seem to have released a small change yesterday which uses columns on the PR page. These two CSS declarations are now breaking the display:
/* Issues/PRs */
.discussion-sidebar {
width: 280px !important;
}
.discussion-timeline {
width: calc(100% - 300px) !important;
}
I've found just removing them seems to revert to the old behaviour 👍
After the latest commit 17c1ba0 the Conversation tab full width got broken, instead of showing full width it shows a narrow conversation and aligns it to the left.
Hi there!
As for now, with new GH interface, this style seems to be broken and does not work anymore.
Looks like it is needed to be updated...
// P.S. I not sure if I had enough time in near future, so don't rely on me, please. But I'll try to look into this when I'll have some spare time.
gist-wide.css doesn't work anymore
The CSS file github-wide.css makes my list of issues automatically resize to the width of the browser, but not the text fields in each issue. That's a problem for me, because our issues tend to have source-code in them that is too wide for the window. I was hoping that this would allow the windows to expand horizontally when I made the browser window wider.
Don't get me wrong --- this is a great CSS package --- but it would be more useful for me if it made more of the layouts responsive.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.