[Résolu] Bug "userChrome.css" avec multi-barres marque-pages

Vos requêtes concernant Mozilla Firefox, le navigateur Gecko alternatif, ne trouvèrent point de réponses lorsque vous cherchâtes ? Toute l'équipe Geckozone est prête à vous aider.

Modérateurs : myahoo, nico@nc, Mori, jpj

vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

[Résolu] Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

Bonjour,

J'ai un souci avec la barre personnelle de mes marque-pages. J'ai mis dans le fichier userChrome.css ces lignes de codes ci-dessous pour avoir cette barre sur plusieurs lignes, et ça fonctionne très bien. Mais je me suis aperçu que si je déplace manuellement --click'n'drag-- (sans entrer dans "l'organisation des marque-pages"), et bien la première ligne n'est plus accessible, je ne peux plus cliquer sur les marque-pages de celle-ci, alors que ceux des lignes précédentes sont toujours cliquables. Je suis obligé de redémarrer FF pour que tout refonctionne. Ce n'est pas très long, me direz-vous, surtout avec l'option "restaurer la session précédente", mais quand on est en plein milieu d'une vidéo et qu'on veut naviguer en parallèle, c'est embêtant de devoir la finir avant de redémarrer FF ou de redémarrer tout de même et de remettre au minutage où on s'était arrêté-e.

Peut-être y a-t-il quelque chose à corriger dans mon code ? Apparemment j'ai 3 codes différents dans mon fichier, d'où les espaces importants entre deux blocs. Je pense que les deux premiers blocs sont pour le multi-lignes et le 3ème est pour resserrer les icônes. A voir donc quel bloc contient l'erreur. Probablement j'ai moyen de mettre des "titres" à mes blocs pour une meilleure reconnaissance personnelle à l'avenir ? Mais je ne veux pas casser mes codes donc je n'ose pas insérer quoi que ce soit de façon mal faite. Une aide sur ce point serait la bienvenue également.

Code : Tout sélectionner

#alltabs-button {display: none !important;}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 4; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 0px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{ 
  display: block;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,4px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 0px !important;  }









/* Onglets en dessous de la barre d'adresse */

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}

#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
order: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ flex-direction: column } }

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }










/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 4px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) !important;
}

/* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important;
}
[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Override Normal Density height to Compact Density height only for tabs */

#TabsToolbar, #tabbrowser-tabs {
    --tab-min-height: 19px !important;
}
    /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, 
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs {
    --tab-min-height: 30px !important;
}
#scrollbutton-up,
#scrollbutton-down {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

/* Make sure tab attention dot isn't too high - 10 Dec 2022 */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]),
#firefox-view-button[attention], .webextension-browser-action[attention="true"] {
  background-position-y: bottom 5px !important;
}

/* Tweak Options as of 12/10/2022; Generated Tue May 16 2023 14:44:38 GMT+0200 (heure d’été d’Europe centrale) */

Merci de votre aide.

Dernière modification par vegansound le 07 janv. 2024, 22:42, modifié 1 fois.
Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7280
Inscription : 14 mars 2008, 22:51

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par lool_lauris »

Salut,

Je ne pense pas que cela ait une grande importance mais en terme de syntaxe, après le sélecteur, il y a un espace puis la parenthèse qui ouvre la propriété suivie de sa valeur...
Commencer déjà par écrire le code proprement.

.
Soutenez le Libre !

Image
vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

Merci de ta réponse, lauris.

J'avais pris le code sur un forum d'aide, donc ce n'est pas le mien. S'il y a une faute, ça ne vient pas de moi, et c'est pour cela que je viens ici voir si qq1 en trouve une qui ferait déconner sa bonne fonctionnalité.

Tu dis "après le sélecteur, il y a un espace puis la parenthèse qui ouvre la propriété suivie de sa valeur", tu peux m'indiquer où dans le code, stp, je ne vois pas. Je ne suis pas programmateur donc ça ne me parle pas trop. Merci. Et donc que faut-il que je fasse à l'endroit que tu décris ?

Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7280
Inscription : 14 mars 2008, 22:51

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par lool_lauris »

Prenons cet exemple issu de ton code :

Code : Tout sélectionner

#PersonalToolbar{
  --multirow-bmb-n-rows: 4; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 0px; /* Control how much spacing is between rows */
  max-height: none !important;
}

il y a normalement un espace derrière le sélecteur #PersonalToolbar
Ce qui devrait normalement s'écrire :

Code : Tout sélectionner

#PersonalToolbar {
...
}

Pour info :
#PersonalToolbar est le sélecteur
{ et } sont les balises entrante et fermante des propriétés et valeurs associées au sélecteur.
--multirow-bmb-n-rows: est la propriété
4 est la valeur
Control how many rows are shown before scrolling est un commentaire (qui n'interfère pas avec le code - un commentaire se trouve entre les balises /* et */ - ce commentaire est un pense-bête, il pourrait être supprimé sans que cela affecte le code).

.
Soutenez le Libre !

Image
Freddy
Iguane
Messages : 502
Inscription : 15 nov. 2009, 11:37

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par Freddy »

Bonjour,

Après un test, il faudrait voir ce que ça donne en remplaçant "display: block" par "display: flex" à cet endroit:

#PlacesToolbar > hbox{
display: block;
width: 100vw;
}

ce qui donnerait:

#PlacesToolbar > hbox{
display: flex !important;
width: 100vw;
}

Après pour ce qui est de l'organisation de ton fichier, effectivement avec des commentaires tu peux améliorer la lisibilité des différentes parties, dans le genre:

Code : Tout sélectionner

/*=======================================================*/
/********** Barre personnelle multiligne **********/
/*=======================================================*/

#alltabs-button {display: none !important;}

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

/* Makes bookmarks toolbar span multiple rows */

#PersonalToolbar{
  --multirow-bmb-n-rows: 4; /* Control how many rows are shown before scrolling */
  --multirow-bmb-row-margin: 0px; /* Control how much spacing is between rows */
  max-height: none !important;
}

#PlacesToolbar > hbox{ 
  display: flex !important;
  width: 100vw;
}

#PlacesToolbarItems{
  display: flex;
  flex-wrap: wrap;
  /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */
  max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,4px))))) !important;
  overflow-y:auto;
  scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ;
  scrollbar-width: thin;
}

/* Hide the all-bookmarks button */
#PlacesChevron{ display: none }

/* Add some spacing between rows */
#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 0px !important;  }

/********** FIN Barre personnelle multiligne **********/





/*=======================================================*/
/********** Onglets en dessous de la barre d'adresse **********/
/*=======================================================*/

:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}

#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}

:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

#titlebar{
order: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}

.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
#navigator-toolbox::after{ display: none !important; }

@media (-moz-gtk-csd-close-button){ .titlebar-button{ flex-direction: column } }

:root{ --uc-window-control-width: 0px !important }

#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}

#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}

#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }


/********** FIN Onglets en dessous de la barre d'adresse **********/






/*========================================================*/
/********** Ajustement des onglets **********/
/*========================================================*/

/*** Proton Tabs Tweaks ***/

/* Adjust tab corner shape, optionally remove space below tabs */

#tabbrowser-tabs {
    --user-tab-rounding: 4px;
}

.tab-background {
    border-radius: var(--user-tab-rounding) !important;
}

/* 1/16/2022 Tone down the Fx96 tab border with add-on themes in certain fallback situations */
.tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(0, 0, 0, 0.5) !important;
}
[brighttext="true"] .tab-background:is([selected], [multiselected]):-moz-lwtheme {
    --lwt-tabs-border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Override Normal Density height to Compact Density height only for tabs */

#TabsToolbar, #tabbrowser-tabs {
    --tab-min-height: 19px !important;
}
    /* Tweak for covering a line at the bottom of the active tab on some themes 8/11/2021 */
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar, 
#main-window[sizemode="normal"] #toolbar-menubar[autohide="true"] + #TabsToolbar #tabbrowser-tabs {
    --tab-min-height: 30px !important;
}
#scrollbutton-up,
#scrollbutton-down {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
}

/* Make sure tab attention dot isn't too high - 10 Dec 2022 */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]),
.tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]),
#firefox-view-button[attention], .webextension-browser-action[attention="true"] {
  background-position-y: bottom 5px !important;
}

/* Tweak Options as of 12/10/2022; Generated Tue May 16 2023 14:44:38 GMT+0200 (heure d’été d’Europe centrale) */

/********** FIN Ajustement des onglets **********/

Une autre méthode plus pratique, surtout quand le fichier devient assez grand et encombré, et qui permet aussi de désactiver seulement une ou des parties souhaité-s:

  • dans le dossier "chrome", faire un fichier .css pour chaque partie

  • ensuite dans le fichier "userChrome.css" y indiquer les différent fichiers

par exemple ici, dans le dossier "chrome", il y aura 3 fichiers + le userChrome:

Code : Tout sélectionner

Barre personnelle multiligne.css
Onglets dessous barre d'adresse.css
Ajustement des onglets.css
userChrome.css

Puis dans le fichier userChrome.css:

Code : Tout sélectionner

@import "Barre personnelle multiligne.css";
@import  "Onglets dessous barre d'adresse.css";
@import  "Ajustement des onglets.css"

Et du coup, comme dans le userChrome tout ce qui est entre les /.../ n'est pas pris en compte comme règle, si tu ne veux plus de la modif des "Ajustement des onglets" temporairement, plutôt que de le supprimer du userChrome tu lui ajoute comme ceci:

Code : Tout sélectionner

@import "Barre personnelle multiligne.css";
@import  "Onglets dessous barre d'adresse.css";
/*@import  "Ajustement des onglets.css"*/

et pour encore plus astucieux, pour bien t'embrouiller le cerveau :D

Code : Tout sélectionner

@import "Barre personnelle multiligne.css";
@import  "Onglets dessous barre d'adresse.css";
/*@import  "Ajustement des onglets.css"/**/

comme ça pour le déactiver/activer y a juste à jouer sur le /* du début de ligne :wink:

Voilà j'arrête mon blabla qui t'a peut-être chauffé le crane, mais moi ça m'a réchauffer les doigts :mrgreen:

vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

lool_lauris a écrit :

il y a normalement un espace derrière le sélecteur #PersonalToolbar

J'ai fait la correction, mais probablement comme tu le savais, ça n'a pas corrigé mon bug. Mais au moins maintenant mon code est propre, merci ! :D

lool_lauris a écrit :

Pour info :
#PersonalToolbar est le sélecteur
{ et } sont les balises entrante et fermante des propriétés et valeurs associées au sélecteur.
--multirow-bmb-n-rows: est la propriété
4 est la valeur
Control how many rows are shown before scrolling est un commentaire (qui n'interfère pas avec le code - un commentaire se trouve entre les balises / et / - ce commentaire est un pense-bête, il pourrait être supprimé sans que cela affecte le code).

Autant la première partie est un peu technique pour moi, autant j'ai bien compris cette histoire de commentaires. C'est bien ce que je pensais, je ferai ça pour me rappeler quel bloc de codes correspond à quelle fonctionnalité. Merci.

vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

Freddy a écrit :

Après un test, il faudrait voir ce que ça donne en remplaçant "display: block" par "display: flex" à cet endroit:

#PlacesToolbar > hbox{
display: block;
width: 100vw;
}

ce qui donnerait:

#PlacesToolbar > hbox{
display: flex !important;
width: 100vw;
}

Bonjour Freddy!

Pour ta modif', et bien c'était exactement le problème, puisque ta solution refait fonctionner les marque-pages de la première ligne nickel. Merci ! :mrgreen:

Bon, il y a toujours le petit souci (c'était déjà là avant) pour déplacer l'icône avec précision. Quand je glisse une icône d'un endroit à ailleurs, on voit une sorte de trait vertical qui indique où sera placer l'icône une fois le bouton de la souris lâché. Mais celui-ci n'est pas précis du tout. Genre cette illustration :

Image

Le curseur (flèche) ne se voit pas à la capture, mais je suis en train de déplacer l'icône "Flipping Death" de façon latérale sur la ligne du bas, et pourtant le curseur de prévisualisation apparaît deux lignes au-dessus. Et si je lâche, ça le met à gauche de "Oceanhorn".

Je ne sais pas s'il y a possibilité de corriger cet autre bug ?

Freddy a écrit :

Après pour ce qui est de l'organisation de ton fichier, effectivement avec des commentaires tu peux améliorer la lisibilité des différentes parties, dans le genre:

Wow, merci beaucoup d'avoir fait le "ménage" pour moi ! C'est très gentil. Certain-e-s diront "ce n'est pas en lui faisant tout qu'il apprendra tout seul", mais si car je lis les modifications faites, j'observe, j'apprends ! :D

Freddy a écrit :

et pour encore plus astucieux, pour bien t'embrouiller le cerveau :D

Code : Tout sélectionner

@import "Barre personnelle multiligne.css";
@import  "Onglets dessous barre d'adresse.css";
/*@import  "Ajustement des onglets.css"/**/

comme ça pour le déactiver/activer y a juste à jouer sur le /* du début de ligne :wink:

Voilà j'arrête mon blabla qui t'a peut-être chauffé le crane, mais moi ça m'a réchauffer les doigts :mrgreen:

Alors jusqu'à "Et du coup, comme dans le userChrome" j'ai tout compris. Pas du premier coup, mais en relisant doucement et plusieurs fois, et en regardant tes exemples, j'ai fini par assimiler. Mais à partir de "et pour encore plus astucieux", il y a un truc que je ne capte pas (encore une fois je ne suis pas familier avec le codage). Quelle est la différence entre

Code : Tout sélectionner

/*@import  "Ajustement des onglets.css"*/

et

Code : Tout sélectionner

/*@import  "Ajustement des onglets.css"/**/

? Si juste mettre /* blabla */ suffit à désactiver une fonctionnalité, pourquoi mettre /**/ à la fin ? En quoi est-ce plus astucieux ?

Tu vois, je cherche à comprendre. :wink:

Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7280
Inscription : 14 mars 2008, 22:51

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par lool_lauris »

vegansound a écrit : 20 déc. 2023, 02:10

Alors jusqu'à "Et du coup, comme dans le userChrome" j'ai tout compris. Pas du premier coup, mais en relisant doucement et plusieurs fois, et en regardant tes exemples, j'ai fini par assimiler. Mais à partir de "et pour encore plus astucieux", il y a un truc que je ne capte pas (encore une fois je ne suis pas familier avec le codage). Quelle est la différence entre

Code : Tout sélectionner

/*@import  "Ajustement des onglets.css"*/

et

Code : Tout sélectionner

/*@import  "Ajustement des onglets.css"/**/

? Si juste mettre /* blabla */ suffit à désactiver une fonctionnalité, pourquoi mettre /**/ à la fin ? En quoi est-ce plus astucieux ?

Tu vois, je cherche à comprendre. :wink:

Je me permets de répondre :

Dans le 1er cas : /* bla bla */, si tu souhaites réactiver le code, il faut supprimer les 2 balises /* et */.

Dans la 2ème cas /* bla bla /* */, en ne supprimant uniquement que la première balise de commentaire /* la fonction est réactivée et le code reste propre puisque à la balise fermante correspond une balise entrante /* */... c'est juste une simplification, une seule balise à supprimer au lieu des deux dans le 1er cas.

.
Soutenez le Libre !

Image
Freddy
Iguane
Messages : 502
Inscription : 15 nov. 2009, 11:37

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par Freddy »

vegansound a écrit : 20 déc. 2023, 02:10

Bon, il y a toujours le petit souci (c'était déjà là avant) pour déplacer l'icône avec précision. Quand je glisse une icône d'un endroit à ailleurs, on voit une sorte de trait vertical qui indique où sera placer l'icône une fois le bouton de la souris lâché. Mais celui-ci n'est pas précis du tout.

Apparemment la précision de l'endroit où se positionne le m-page est indiqué par le pointeur de la sourit.

Après, c'est un choix tout personnel, et qui peut dépendre de la taille de l'écran, mais j'ai pas ce problème avec la solution que j'ai adopté ici

vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

lool_lauris a écrit :

Je me permets de répondre :

Dans le 1er cas : /* bla bla /, si tu souhaites réactiver le code, il faut supprimer les 2 balises / et */.

Dans la 2ème cas /* bla bla /* /, en ne supprimant uniquement que la première balise de commentaire / la fonction est réactivée et le code reste propre puisque à la balise fermante correspond une balise entrante /* */... c'est juste une simplification, une seule balise à supprimer au lieu des deux dans le 1er cas.

Bonsoir,

Mais si pour l'exemple /* bla bla */ on retire juste l'ouverture (ou la fermeture) de la balise, ça ne fonctionne pas non plus ? Si ça ne fonctionne pas, c'est parce que dans le code, il y a une balise ouverte et aucune pour fermer, donc ça créé un conflit ?

Car dans le cas /* bla bla /* /, on a bien un nombre impaire de balises valides : il y a un duo ouverture/fermeture, et une ouverture seule. Donc ma théorie de balise incomplète faisant que l'action de celle-ci ne fonctionne pas est bonne ? Bon après on a / */ qui traîne et qui ne sert à rien, mais je comprends l'astuce qui est bien trouvée.

Freddy a écrit :

Apparemment la précision de l'endroit où se positionne le m-page est indiqué par le pointeur de la sourit.

Après, c'est un choix tout personnel, et qui peut dépendre de la taille de l'écran, mais j'ai pas ce problème avec la solution que j'ai adopté ici

Effectivement, c'est bien le curseur en lui-même qui cible l'endroit où déposer. Dans ce cas le marqueur verticale que je montre ne sert à rien, ou ça m'échappe.

J'ai bien vu ton post et ta vidéo. Au final c'est probablement très pratique et facile d'utilisation, mais ça nécessite un coup à prendre un peu contre-intuitif de tout ce qu'on connaît déjà. Et pas motivé à passer à cette étape. ^^ Mais j'ai beaucoup apprécié ton tri très sélectif des catégories, notamment les chaussettes gauches et droites ! :lol:

Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7280
Inscription : 14 mars 2008, 22:51

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par lool_lauris »

vegansound a écrit : 25 déc. 2023, 20:48

Mais si pour l'exemple /* bla bla */ on retire juste l'ouverture (ou la fermeture) de la balise, ça ne fonctionne pas non plus ? Si ça ne fonctionne pas, c'est parce que dans le code, il y a une balise ouverte et aucune pour fermer, donc ça créé un conflit ?

Car dans le cas /* bla bla /* /, on a bien un nombre impaire de balises valides : il y a un duo ouverture/fermeture, et une ouverture seule. Donc ma théorie de balise incomplète faisant que l'action de celle-ci ne fonctionne pas est bonne ? Bon après on a / */ qui traîne et qui ne sert à rien, mais je comprends l'astuce qui est bien trouvée.

Je n'ai jamais écrit ceci.

-----------------------------

Je vais tenter d'expliquer autrement :
Plutôt que bla bla on va utiliser code_fonctionnel.

Si l'on met du code entre balise code, il devient inactif :

Code : Tout sélectionner

/*code_fonctionnel*/

Si l'on veut réactiver le code, il faut retirer les 2 balises, la balise entrante et la balise sortante :

Code : Tout sélectionner

code_fonctionnel

ainsi le code devient actif.

-----------------------------

Maintenant, prenons le même code et rendons-le inactif en l'écrivant ainsi :

Code : Tout sélectionner

/*code_fonctionnel/* */

Si l'on veut le réactiver, il n'est nécessaire de retirer QUE la seule balise entrante :

Code : Tout sélectionner

code_fonctionnel/* */

Ainsi, le code devient actif et il y a derrière lui un commentaire vide.
Il n'y a aucune faute de syntaxe, aucune balise orpheline. Si on utilise un outil de vérification du code (celui-ci par exemple), il ne sera détecté aucune erreur.

Capito ? :)

.
Soutenez le Libre !

Image
vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

Oui je suis d'accord depuis le début, mais que ce passe-t-il si on ne vire que la balise entrante ou sortante du premier exemple ? Le code sera erroné à cause d'une balise orpheline, mais est-ce vraiment gênant ? Probablement que oui, et ça posera peut-être problème de bonne exécution, mais peut-être que ça sera comme sur Word, avec les soulignements ondulés sous un mot mal orthographié, mais ça ne sera pas plus problématique que ça et on pourra quand même avancer, même avec ce "déchet" de balise ? Mais peut-être le codage ne permet pas l'erreur, et si un truc ne va pas, ça fonctionne mal.

Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7280
Inscription : 14 mars 2008, 22:51

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par lool_lauris »

vegansound a écrit : 26 déc. 2023, 15:43

Oui je suis d'accord depuis le début, mais que ce passe-t-il si on ne vire que la balise entrante ou sortante du premier exemple ?

Mais non, je n'ai pas dit ça !

Dans le 1er exemple : /*code_fonctionnel*/, si l'on veut rendre le code actif, il faut supprimer LES DEUX BALISES,

Alors que dans le 2ème exemple : /*code_fonctionnel/* */, si l'on veut rendre le code actif, il faut supprimer UNIQUEMENT LA 1ÈRE BALISE.

Ce truc donné par Freddy, est juste une astuce mais ce n'est pas une obligation. Soit tu supprimes les DEUX balises dans l'exemple 1, soit tu ne supprimes que la 1ère balise à condition que ce soit écrit comme dans l'exemple 2.

J'espère que tu as compris car je ne vois pas comment te l'expliquer plus clairement !?

.
Soutenez le Libre !

Image
vegansound
Gecko
Messages : 56
Inscription : 03 janv. 2013, 06:28

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par vegansound »

Je crois que tu t'énerves tout seul, depuis le début je comprends et suis d'accord. :lol: Mais moi j'apporte une hypothèse, et n'y connaissant pas grand chose, je demande ce qu'elle vaut. On apprend de ses erreurs, mais là peut-être l'erreur ne serait pas grave si on laisser une balise orpheline, ou au contraire, une balise orpheline détracterait le code, le rendant non opérationnel. C'est en tâtonnant et en posant des questions qu'on apprend. :wink:

Avatar de l’utilisateur
lool_lauris
Animal mythique
Messages : 7280
Inscription : 14 mars 2008, 22:51

Re: Bug "userChrome.css" avec multi-barres marque-pages

Message par lool_lauris »

J'essaie juste de trouver un moyen pour que tu comprennes

Non, il ne faut pas laisser de balise orpheline. Il faut respecter les syntaxes inhérentes aux différents codes.

.
Soutenez le Libre !

Image
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités