How to remove Github's Wiki default sidebar - github

Since a few weeks, Github wikis present a compulsory side bar to the right of wiki pages that take up some space for writing. Example:
I could not find any button nor instructions on the net to remove this sidebar.
Is there a command or instructions to get it removed somewhere?

As of right now there is not a way to remove the sidebar. I would suggest you make a note to the developers of this issue and they may act upon it. Until then we will just have to deal with the stick sidebar.

This isn't a definitive answer, but here are a couple tools that might help.
If you're using Chrome or Firefox, you could use the Stylus add-on. It allows you to restyle any webpage by modifying the CSS. You can write your own user styles, but there's several on userstyles.org for Github. I use Github Wide, which widens the Github interface. That gives me more space for writing.
If that's not enough and you really want to zap the sidebar, a relatively easy way to remove an element from a webpage is to use AdBlock. You can add any element you don't want to see as a custom filter. You might be able to use a combination of that plus your own Stylish user style to tweak the CSS so that the content you want to see fills the now-empty space.

I don't think that there is a way to remove this sidebar. However, when I am editing a wiki page, if the sidebar is on top of the content, I get a horizontal slider.

Related

VSCODE Notebooks - Is it possible to show only markdown headers in outline?

I use markdown headers to navigate in notebooks but I also tend to make a lot of (non-header) markdown notes. Both show up in the outline which makes finding the right heading quite difficult as notebooks grow large.
Is there a way to suppress plain markdown cells showing up in the outline?
I have followed the discussion on github and at Creating Table of Contents in VS code Jupyter Notebook
the author of one answer was also not satisfied with the outline feature and created jupyter TOC extension, and at some point, I also ended up using it. This has an option to exclude text from visualization (I believe it is possible to set maximum expansion level), but I still consider the outline more desireable, because it stays visible when I scroll the document, which I consider essential.
The workaround I found is to put, when possible, text in the same cell as the header. This makes it easier to keep the outline clean, and just avoiding to expand too much the outline works decently for me, even if it implies some annoying restrictions on the way you structure text. Other than that, it is possible to play with the collapse/expand feature of the outline and get a sufficient control, even if the possibility of completely exclude the text is still a desireable upgrade.

How to attach images to github issues without dragndrop?

Is there a way to attach images to github issues without drag'n'drop, copy-pasting images or jumping through various hoops - just by using a file picker?
I find drag'n'drop very inconvenient, and copy-paste does not work in Firefox (on top of being rather inconvenient as well).
Github help page only mentions drag'n'drop, or copy-paste for Chrome.
The question here on adding images lists additional methods like creating a custom repository or wiki.
All of that is enough of a pain in the ass for me to ask a question here, hoping for a hidden way to use normal file picker.
There is a file picker. Simply click on the Attach files by dragging & dropping, selecting them, or pasting from the clipboard field.
Yes there is, its very simple, but not intuitive.
Consider this example where you want to comment:
Just click the highligted section with the text "Attach files by dragging and dropping, selecting them, ...".
Then a file dialog will open up:

What's the keyboard shortcut for filtering CSS Rules in chrome dev tools?

I'm looking around their shortcuts page but can't seem to find the shortcut to filter different CSS Rules.
Does anyone know how I can access it? In my experience sometimes these things don't get documented, and would be helpful if anyone can clarify.
Shortcuts Link
I want to be able to access this area here:
Thanks
I had a quite look at the source code and there doesn't appear to be a shortcut key combination for that. You can, of course, put in a feature request for one to be implemented. However, we'd have to consider what shortcut would be appropriate to use.
There's an alternative shortcut in terms of tab indexes in the Elements panel. By default, when you go to Elements, the body element is expanded. If you have no links in the outer elements inside the body, you only have to press the tab key twice to get to the style filter. If you have links, then it may be a few more times. However, you can press the left keyboard shortcut once to collapse the body, then tab twice. This means for the use case of just coming into the Elements panel (i.e. you haven't already been playing around in it), using left>tab>tab could be good enough.

Drag selected text to move it?

Is it possible to drag selected text to move it? This is in almost every other editor (not to mention text input fields in browsers.) I was surprised not to find it in VS Code.
Here is a gif example.
This is now supported as of Feb 2017 release (1.10.1) but it is disabled by default.
To enable it: Go to File > Preferences > Settings and add this line "editor.dragAndDrop": true
Source: https://code.visualstudio.com/updates/v1_10#_preview-drag-and-drop-selected-text
Looks like it's not yet implemented, but there's an open issue about it.
If you want to help without diving into the internals, go 👍 the issue to add to its social signal.
I don't believe so. Their site says that it is keyboard-optimized and keyboard-centric, so their idea might be that you should highlight some text, cut it, and past it where you want it rather than dragging it.
I talk about this problem on Github Microsoft page and Microsoft engineers see this. I hope to solve it. (Please support by 👍 on this page.)

Adding Line Height Drop Down to Tiny MCE Editor Tool Bar

We are using BlogEngine.Net for managing blog posts which has implemented version “3.9.2” of Tiny MCE Editor.
As per our requirement we want to add new control (dropdown) in tool bar of the editor to provide this line height option so that author of the blog post could set line height to any of the selected paragraphs. We even find a related link for this http://fiddle.tinymce.com/jAbaab but it didn’t work for me.
Can someone please help me on this?
Take a closer look at the way the style plugin works that gets shipped with Tinymce3. You can copy the plugin directory and apply your own changes there.
All you need to to is to get rid of the unwanted funtionality and rename the plugin (directory and in the code).
This TinyMCE plugin can help you.
https://github.com/castler/tinymce-line-height-plugin
Download and place it into your tinymce plugin folder.
It supports TinyMCE 4.