Debian
Debian-France
Debian-Facile
Debian-fr.org
Forum-Debian.fr
Debian ?
Communautés
Vous n'êtes pas identifié(e).
L'icône rouge permet de télécharger chaque page du wiki visitée au format
PDF et la grise au format ODT →
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente Prochaine révision Les deux révisions suivantes | ||
|
doc:reseau:chromium [23/02/2021 17:15] gtalbot [Comment élargir les barres de défilement de Chromium] |
doc:reseau:chromium [23/02/2021 17:32] gtalbot [Comment élargir les barres de défilement de Chromium] |
||
|---|---|---|---|
| Ligne 33: | Ligne 33: | ||
| Il faut d'abord télécharger et installer une extension pour permettre d'éditer une feuille de style utilisateur. | Il faut d'abord télécharger et installer une extension pour permettre d'éditer une feuille de style utilisateur. | ||
| - | J'ai utilisé : | + | J'ai utilisé: |
| - | * [[https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=fr]] - Stylus (beta) version 1.5.15 | + | * [[https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=fr]] Stylus version 1.5.15 |
| + | |||
| + | ou alors, dans la barre d'adresse de Chromium, on édite: | ||
| + | |||
| + | [[chrome://extensions/?id=clngdbkpkpeebahjckkjfobafhncgmne]] | ||
| + | |||
| + | J'ai édité une feuille de style utilisateur comme ceci: | ||
| - | ou alors, dans la barre d'adresse de Chromium, on édite : | ||
| - | [[chrome://extensions/?id=clngdbkpkpeebahjckkjfobafhncgmne \\]] | ||
| - | et j'ai édité une feuille de style utilisateur comme ceci : | ||
| <file css> | <file css> | ||
| ::-webkit-scrollbar | ::-webkit-scrollbar | ||
| { | { | ||
| - | height: 19px; width: 19px; | + | height: 21px; |
| + | width: 21px; | ||
| } | } | ||
| Ligne 57: | Ligne 61: | ||
| } | } | ||
| - | /* Lors d'un survol du curseur au-dessus du bouton principal, la bordure | + | /* |
| - | du bouton principal de la barre de défilement et le bouton principal vont | + | Lors d'un survol du curseur au-dessus du bouton principal, la |
| - | légèrement changer de couleurs (couleurs plus vives, moins sombres). */ | + | bordure du bouton principal de la barre de défilement et le |
| + | bouton principal vont légèrement changer de couleurs (couleurs | ||
| + | plus vives, moins sombres). | ||
| + | */ | ||
| ::-webkit-scrollbar-button | ::-webkit-scrollbar-button | ||
| Ligne 65: | Ligne 72: | ||
| background-color: orange; | background-color: orange; | ||
| border: black solid 3px; | border: black solid 3px; | ||
| - | height: 21px; | + | height: 24px; |
| - | width: 21px; | + | width: 24px; |
| }</file> | }</file> | ||
| - | et ça réussit pour tous les sites (à ''S'applique à (URL)'', à droite, il faut laisser le champ texte vide) sauf les sites dont l'adresse commence par "about:" (par ex.: about:newtab) et par "chrome:". | + | et ça réussit pour tous les sites (par défaut, le champ est ''S'applique à Tout'') sauf les sites dont l'adresse commence par "about:" (par ex.: about:newtab) et par "chrome:". |
| + | |||
| + | Le code CSS ci-haut fonctionne sous Chromium depuis la version 67. | ||
| + | |||
| + | Il y a beaucoup de possibilités de personnalisation et de stylisation possibles ici. | ||
| + | Je ne sais pas exactement ce que les autres propriétés font: | ||
| - | Le code CSS fonctionne sous Chromium 67 jusqu'à Chromium 89. | + | * ::-webkit-scrollbar-track |
| + | * ::-webkit-scrollbar-track-piece | ||
| + | * ::-webkit-scrollbar-corner | ||
| + | * ::-webkit-resizer | ||
| - | Il y a beaucoup de possibilités de personnalisation et de stylisation possibles ici.\\ | ||
| - | Je ne sais pas exactement ce que les autres propriétés font : | ||
| - | * ::-webkit-scrollbar-track , | ||
| - | * ::-webkit-scrollbar-track-piece , | ||
| - | * ::-webkit-scrollbar-corner , | ||
| - | * ::-webkit-resizer) | ||
| ou comment les configurer ou personnaliser. :-) | ou comment les configurer ou personnaliser. :-) | ||
