Como alterar o tamanho da guia no GitHub?

Quando visualizo arquivos no GitHub, as guias aparecem como 8 espaços.

Exemplo:

É possível alterar essa configuração para 2 ou 4 espaços?

Atualizar

Sim . Conforme declarado por mortenpi, isso pode ser feito por meio de um parâmetro de consulta adicional. Veja a resposta dele para mais detalhes.

Resposta original

É possível alterar essa configuração para 2 ou 4 espaços?

Não. Ele está disponível apenas como parte do recurso de edição pelo editor do Ace e a alteração não é persistente.

Esta postagem do blog fornece mais informações sobre o IDE incorporado.

No entanto, desde que você saiba o URL do blob (arquivo) que deseja revisar, é possível alternar para o modo de edição facilmente, alterando o segmento de blob por um segmento de edição e use o menu suspenso para selecionar o tamanho de sua guia preferida.

• Visualização padrão: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Visualização do Ace: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Você pode anexar ?ts=2ou ?ts=4ao URL para alterar o tamanho da guia.

Exemplo: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

Parece que o valor pode ser de 1 a 12. Porém, ele não funciona em Gists ou em visualizações de arquivos brutos.

Fonte: Folha de dicas do GitHub

Defina o tamanho padrão da guia exibida para seu repositório

Quando você tem um .editorconfig no seu repositório, ele o respeitará ao exibir o código no GitHub.

indent_style = tab e indent_size = 4 mostra guias com 4 colunas em vez de 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Exemplo .editorconfig para várias extensões que funcionam nos produtos JetBrains:

root = true

[*]
end_of_line = lf
insert_final_newline = true

# Matches multiple files with brace expansion notation
[*.{js,jsx,html,sass}]
charset = utf-8
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

Altere como você vê as guias em outros repositórios

Instale a Stylus no seu navegador e instale o GitHub: abas de melhor tamanho no código .

Também existem extensões do Google Chrome:

• https://chrome.google.com/webstore/detail/github-tab-sizer/djpnapkcpjomnkfekaedkigfomiedpjf
• https://chrome.google.com/webstore/detail/github-tab-size/ofjbgncegkdemndciafljngjbdpfmbkn/related

Na verdade, é possível fazê-lo, com uma extensão do navegador. Instale o Stylish (no Firefox ou Chrome ) e instale este estilo de usuário: “ GitHub: guias de melhor tamanho no código ”.

Pode não funcionar para alguns idiomas. Por exemplo, eu estava visualizando um arquivo JavaScript e não notei nenhuma alteração. Então, excluí o estilo do autor e coloquei as seguintes linhas:

.tab-size {
  -webkit-tab-size: 4 !important;
     -moz-tab-size: 4 !important;
       -o-tab-size: 4 !important;
          tab-size: 4 !important;
}

E funcionou no Chrome ( captura de tela ).

Como você pode ver na captura de tela, também habilitei o modo widescreen e alterei o esquema de cores para Solarizado. Então, eu tenho três estilos de usuário em execução nas páginas do GitHub por meio da extensão Stylish para Chrome . Espero que isso ajude alguém.

Se você gosta de UserScripts, fez isso por mim:

// ==UserScript==
// @name         GitHub Tabs
// @namespace    http://foldoc.org/
// @version      1
// @description  Set sensible tabs on GitHub
// @author       Denis Howe
// @match        https://github.com/*
// ==/UserScript==

document.querySelectorAll('table').forEach(t => { t.dataset.tabSize = 2 });

Fiz isso para corrigi-los http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Outra opção é ao incorporar sua essência , substituir todas as guias pelo número necessário de espaços

<div id="willReplaceTabs">
 <script src="https://gist.github.com/valtih1978/99d8b320e59fcde634ad/cf1b512b79ca4182f619ed939755826c7f403c6f.js"></script>

 <script language="javascript">
  var spaces = "  "
  willReplaceTabs.innerHTML = willReplaceTabs.innerHTML.replace(/\t/g, spaces)
 </script>
</div>

Se for uma opção para o projeto em que você está trabalhando, alterar o editor para tratar as guias como espaços corrigirá o problema.

Então, por exemplo, no Visual Studio Code, a configuração é assim:

{
    "editor.tabSize": 2,
    "editor.insertSpaces": true
}

No Sublime é:

{
    "tab_size": 2,
    "translate_tabs_to_spaces": true
}

Até recentemente, eu insistia em abas não espaçadas. Após a troca, ele corrigiu a estranheza da renderização do Github, e não notei nenhuma desvantagem significativa no meu fluxo de trabalho.

A melhor solução é, se possível, convencer os mantenedores do código fonte que você está procurando para substituir todas as guias pelo número correto de espaços.

Atualmente, o uso de guias é problemático no código, uma vez que você costuma vê-lo na Web, onde a decisão de "quantos espaços por guia" depende de onde está sendo exibida.