PROJET AUTOBLOG


le hollandais volant

Site original : le hollandais volant

⇐ retour index

Mise à jour

Mise à jour de la base de données, veuillez patienter...

Firefox 72 : placer la barre personnelle verticalement

vendredi 13 décembre 2019 à 18:20

i



C’est déjà la seconde fois que je fais un article pour cette astuce.
À chaque fois, je dois refaire ça car la mise à jour de Firefox casse le code précédent. Mais ce n’est pas trop grave.

Mon précédent article a un peu plus de deux ans et concernait Firefox 57.
L’astuce n’était pas parfaite, mais faisait son job. Ici, c’est une mise à jour du script.

Commencez par mettre toolkit.legacyUserProfileCustomizations.stylesheets à true dans le about:config.

Ensuite, voici le nouveau code, à placer dans le fichier userChrome.css.

Ce fichier se trouve dans le dossier chrome/ du dossier de profil de Firefox.
Pour trouver le dossier du profile, copiez ceci dans la barre d’adresse et ça vous donnera le chemin vers le dossier du profile : about:profiles. Allez dans ce dossier, puis allez dans le sous-dossier chrome (s’il ne s’y trouve pas, créez-le).
Créez ensuite un fichier userChrome.css (attention : c’est un fichier .css, il ne faut pas qu’il y ait le .txt à la fin).

Copiez-collez-y ce code à la fin :


#PersonalToolbar {
	position: fixed!important;
	right: 0px!important;
	top: 38px!important;
	height: 35px!important;
	transform-origin: bottom right!important;
	transform: rotate(-90deg)!important;
	z-index: 1200!important;
	display: inline-flex!important;
	width: 100%;
	flex-direction: row-reverse;
}

#personal-bookmarks {
	transform: rotate(180deg)!important;
	width: 100%!important;
}

.bookmark-item {
	transform: rotate(-90deg)!important;
}


#browser,
#browser-bottombox {
	margin-right: 35px!important;
}


#main-window[inFullscreen="true"] #PersonalToolbar {
	visibility: collapse !important;
}

#main-window[inFullscreen="true"] #browser,
#main-window[inFullscreen="true"] #browser-bottombox {
	margin-right: 0!important;
}

Le code pour le bug du plein écran provient de (merci à smokey desperado pour le lien).
Désormais, la barre ne sera plus visible ni en plein écran, ni avec une vidéo en plein écran.

Le résultat est comme le précédent, si vous utilisiez ça :

Capture d’écran de Firefox avec la barre de favoris verticale sur la droite.
Enjoy !


ÉDIT : si ça ne marche pas (en particulier sous Windows), vous pouvez voir ce fil : le code est tout ici (un grand merci, Amine !)

Feed is invalid - XML error: ------^ Fatal Error 41: Specification mandate value for attribute async Line: 18 Column: 6 - ------^ Fatal Error 65: attributes construct error Line: 18 Column: 6 - ------^ Fatal Error 73: Couldn't find end of Start Tag script line 17 Line: 18 Column: 6 - --------------^ Fatal Error 76: Opening and ending tag mismatch: link line 12 and script Line: 19 Column: 14 - --------^ Fatal Error 76: Opening and ending tag mismatch: link line 6 and head Line: 196 Column: 8 - ------------------------------------------------------------------^ Fatal Error 68: xmlParseEntityRef: no name Line: 379 Column: 66 - ------------------------^ Fatal Error 68: StartTag: invalid element name Line: 397 Column: 24 - -------------------------------------------------------^ Fatal Error 68: xmlParseEntityRef: no name Line: 402 Column: 55 - ----------^ Fatal Error 76: Opening and ending tag mismatch: li line 358 and script Line: 406 Column: 10 - -----------------------^ Fatal Error 76: Opening and ending tag mismatch: img line 410 and div Line: 411 Column: 23 - -----------^ Fatal Error 76: Opening and ending tag mismatch: script line 321 and div Line: 429 Column: 11 - ----------------------------------------^ Fatal Error 68: xmlParseEntityRef: no name Line: 498 Column: 40 - -----------------------------------------^ Fatal Error 68: xmlParseEntityRef: no name Line: 498 Column: 41 - ------------------------------------------------------^ Fatal Error 68: xmlParseEntityRef: no name Line: 573 Column: 54 - -------------------------------------------------------^ Fatal Error 68: xmlParseEntityRef: no name Line: 573 Column: 55 - --------^ Fatal Error 76: Opening and ending tag mismatch: div line 224 and body Line: 592 Column: 8 - --------^ Fatal Error 76: Opening and ending tag mismatch: div line 198 and html Line: 593 Column: 8 - --------^ Fatal Error 77: Premature end of data in tag body line 197 Line: 593 Column: 8 - --------^ Fatal Error 77: Premature end of data in tag meta line 4 Line: 593 Column: 8 - --------^ Fatal Error 77: Premature end of data in tag head line 3 Line: 593 Column: 8 - --------^ Fatal Error 77: Premature end of data in tag html line 2 Line: 593 Column: 8