Botõs de controle do Firefox na esquerda da tela

Se você usa o Firefox com o Client-Side-Decoration e deseja os botões de controle do lado esquerdo da tela, leia essa matéria.










Client-Side-Decoration


Esse recurso desativa a barra de decoração do sistema e a integra ao navegador.

Barra padrão do sistema.



Com o Client-Side-Decoration ativado.


Varios usuários se acostumaram com os botões de controle do lado esquerdo da tela, veja o exemplo abaixo.


Se você usa o Client-Side-Decoration e gostaria de mover os botões para a esquerda, de os comandos abaixo no terminal.

Crie o diretório para o código de alteração do tema.

mkdir ~/.mozilla/firefox/*.default/chrome

Entre no diretório criado.

cd ~/.mozilla/firefox/*.default/chrome

Faça o download do código

wget https://www.dropbox.com/s/57e3ti1y98r2amt/userChrome.css

Feche o Firefox e abra novamente.

Ai está.




Por transparência ai está o código que é feito o download na matéria.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Hide Scrollbar */

:-moz-any(#content,#appcontent) browser{
margin-right:-14px!important;
overflow-y:scroll;
margin-bottom:-14px!important;
overflow-x:scroll;
}

/* CSD Busttons */

#titlebar-max {
-moz-box-ordinal-group: 1; /* ordem dos botões, fechar, maximizar e minimizar */
}

#titlebar-content {
direction: rtl;
}

#TabsToolbar {
direction: rtl;
}

#tabbrowser-tabs {
direction: ltr;
}

/* Fixing back button in normal density */
:root:not([uidensity=compact]) #back-button {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
:root:not([uidensity=compact]) #back-button > .toolbarbutton-icon {
background-color: unset !important;
border: none !important;
}

/* Remove extra space around tabs */
.titlebar-placeholder[type="pre-tabs"] {
width: 25px !important;
}
.titlebar-placeholder[type="post-tabs"] {
width: 5px !important;
}

/* Remove tab list icon */
#alltabs-button {
display: none !important;
}

/* OPTIONAL */
/* Remove unnecessary identity-box content */
#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.mixedActiveBlocked > #connection-icon,
#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
display: none !important;
}
#urlbar[pageproxystate=valid] > #identity-box.notSecureText,
#urlbar[pageproxystate=valid] > #identity-box.verifiedIdentity,
#urlbar[pageproxystate=valid] > #identity-box.chromeUI,
#urlbar[pageproxystate=valid] > #identity-box.extensionPage,
#urlbar-display-box {
border: none !important;
margin-right: 0 !important;
}

Comentários

Você precisa ver isso

Todos os arquivos do blog

Mostrar mais