Topic: fissare la posizione dell'url nella barra delle estensioni

[Schwanz]

ho questo codice per posizionare regolarmente l'url nella barra delle estensioni (--status-width: 855px), quando installo una nuova estensione e trascino l'icona da metterlo in basso, mi sposta tutte quelle icone e come vedete, l'icona di ublock è nascosta (freccia rossa), devo quindi regolare di nuovo la larghezza sempre su --status-width: 855px e lo modificato a 835px, mi chiedo quale sia il codice per evitare che le icono vengono spostate rendendolo magari fisso la posizione quando aggiungo una nuova icona? ho installato sponsorblock che non mi permette di rimuovere l'icona mettendolo all'interno di personalizza barra degli strumenti.

https://addons.mozilla.org/it/firefox/addon/sponsorblock/

Codice: [Seleziona]

/* URL SULLA BARRA DELLE ESTENSIONI */
:root {
  --status-width: 855px;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox #PersonalToolbar::before {
  appearance: none;
  display: flex;
  content: "";
  min-width: var(--status-width);
  width: var(--status-width);
  background-image: -moz-element(#statuspanel-label);
  background-repeat: no-repeat;
}

#statuspanel-label {
  border: 0 !important;
  background-color: unset !important;
  padding-top: 5px !important;
}

#statuspanel {
  opacity: 0 !important;
}

[Winfox]

Scusa se sono OT ma da dove salta fuori quella riga in basso?
Con quale opzione la si ottiene?

[Schwanz]

Winfox, devi usare il file userChrome.css (scarichi il file  custom_css_for_fx_v4.4.7.zip  da qui https://github.com/Aris-t2/CustomCSSforFx/releases e lo estrai all'interno della cartella chrome del tuo profilo) e all'interno troverai questa parte da attivare togliendo /* (in neretto)


/* -------------------------------------------------------------------------
   ADDON BAR - simulate add-on bar by moving bookmarks toolbar to the bottom
   -------------------------------------------------------------------------

   [!] EXPERIMENTAL
   [!] move 'Bookmarks Toolbar Items' to navigation bar to get a top toolbar with bookmarks
   [!] not compatible to 'bookmarks toolbar - multiple lines' option
   [!] not compatible to 'bookmarks toolbar autohide' option
*/

 @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom.css"; /**/
/* @import "./css/toolbars/addonbar_move_bookmarks_toolbar_to_bottom_tabs_on_bottom_compatibility.css"; /**/
 @import "./css/toolbars/addonbar_status_in_addonbar.css"; /**/
/* @import "./css/toolbars/addonbar_fullscreen_autohide.css"; /**/

[Winfox]

Per carità, ho bisogno della singola opzione non di un pacchetto intero...
Grazie lo stesso

[Iceberg]

@Winfox
Con questo semplicissimo codice da inserire nel file userChrome.css hai la barra di stato in basso.
Come detto da Schwanz si tratta della barra dei segnalibri, che va impostata sempre visibile, utilizzata per un differente scopo.
Può andare in conflitto con altri codici e richiedere specifiche modifiche per specifiche versioni di Firefox, non a caso Aris, l'autore, lo etichetta come Experimental.

Codice: [Seleziona]

:root {
  --bookmark_items_lines: 1 !important; /* override multiple bookmark lines option */
  --addonbar_height: 27px;
}

/* create an empty space below navigation toolbar */
#main-window:not([customizing="true"]) #nav-bar[currentset*="personal-bookmarks"] {
  padding-bottom: 28px !important;
}

/* reduce maximum width of location bar and search bar on navigation toolbar */
#main-window:not([customizing="true"]) #nav-bar[currentset*="personal-bookmarks"] :is(#urlbar-container, #urlbar, #search-container, #searchbar)  {
  min-width: 50px !important;
}

/* move bookmarks to empty space below navigation toolbar, if on navigation toolbar */
#main-window:not([customizing="true"]) #nav-bar[currentset*="personal-bookmarks"]:not([currentset*="personal-bookmarks-"]) #personal-bookmarks {
  position: absolute !important;
  display: block !important;
  bottom: 1px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100vw !important;
}

/* reduce size of bookmarks 'more bookmarks' menu chevron and remove its background color on navigation toolbar */
#nav-bar[currentset*="personal-bookmarks"] #personal-bookmarks #PlacesChevron .toolbarbutton-icon {
  min-width: 0px !important;
  min-height: 0px !important;
  width: 16px !important;
  height: 16px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: unset !important;
  box-shadow: unset !important;
}

/* set minimum height for bookmarks, when on navigation toolbar */
#nav-bar[currentset*="personal-bookmarks"] #personal-bookmarks toolbarbutton.bookmark-item:not(.subviewbutton) {
  min-height: calc( var(--addonbar_height) - 3px) !important;
}

/* adjustments */
#nav-bar[currentset*="personal-bookmarks"] #personal-bookmarks {
  min-width: 40px !important;
  width: auto !important;
  max-width: 50vw !important;
}

/* move bookmarks toolbar to bottom + style bookmarks toolbar */
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar {
  -moz-window-dragging: no-drag;
  display: flex !important;
  position: fixed !important;
  bottom: 0 !important;
  width: 100% !important;
  height: var(--addonbar_height) !important;
  padding-inline-start: 2px !important;
  padding-inline-end: 2px !important;
  border-top: 1px solid var(--toolbox-border-bottom-color) !important;
  z-index: 1000 !important;
}
#navigator-toolbox > #PersonalToolbar:-moz-lwtheme {
  background-repeat: no-repeat !important;
  background-position: bottom left !important;
  background-color: var(--toolbar-bgcolor) !important;
  background-image: var(--lwt-header-image) !important;
}
#PersonalToolbar > *  {
  min-height: calc( var(--addonbar_height) - 3px) !important;
}

/* free some space below content */
#main-window:not([chromehidden*="toolbar"]):not([sizemode="fullscreen"]) #browser-bottombox  {
  margin-bottom: calc( var(--addonbar_height) - 1px);
}

/* hide this projects custom bookmarks label, if used */
#main-window[sizemode="fullscreen"] #PersonalToolbar #bookmarks-menu-button::after {
  visibility: collapse !important;
  display: none !important;
}

#PersonalToolbar toolbarspring {
  display: flex !important;
  min-width: unset !important;
  width: inherit !important;
  max-width: unset !important;
}

#main-window[customizing="true"] #PersonalToolbar toolbarspring {
  display: block !important;
  min-width: 40px !important;
  width: auto !important;
  max-width: 112px !important;
}

/* remove animations */
#tracking-protection-icon-box[active][animate] #tracking-protection-icon-animatable-image,
#reload-button:not([displaystop]) > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image,
#reload-button[displaystop] + #stop-button > .toolbarbutton-animatable-box > .toolbarbutton-animatable-image {
  animation-duration: 0ms !important;
}
#tracking-protection-icon-animatable-box,
#reload-button > .toolbarbutton-animatable-box,
#stop-button > .toolbarbutton-animatable-box {
  visibility: hidden !important;
}
#tracking-protection-icon-box:not([hasException])[active][animationsenabled] > #tracking-protection-icon {
  display: block !important;
}

/* bookmarks item box width */
#PersonalToolbar #personal-bookmarks {
  display: flex !important;
  min-width: unset !important;
  width: inherit !important;
  max-width: unset !important;
}

 /* override multiple bookmark lines option */
#personal-bookmarks #PlacesToolbar .chevron{
  visibility: visible !important;
}

/* override default settings */
#main-window #navigator-toolbox > #PersonalToolbar {
  min-height: unset !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* adjust button badges */
#PersonalToolbar toolbarbutton .toolbarbutton-badge {
  margin-inline-end: -1px !important;
  margin-top: -4px !important;
  padding: 1px !important;
  min-width: unset !important;
  font-size: 9px !important;
}

#PersonalToolbar #personal-bookmarks {
  max-width: 90vw !important;
}

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar {
  border-top: 1px solid rgba(204,204,204,0.8) !important;
}

#tracking-protection-icon-animatable-box {
  visibility: inherit !important;
}

#PersonalToolbar .toolbarbutton-1 {
  margin: 0px !important;
}