Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten) [erledigt und gelöst]

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Antworten
juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten) [erledigt und gelöst]

#1

Beitrag von juras Themen-Starter » Mo, 04. Mär 2019 12:30

Hallo

Habe durch fleißiges Lesen meinen FF erneut fast komplett so angepaßt wie ich es gerne möchte.

Verwende
- MultiRowTabLiteforFx.uc.js um die Tabs wieder unten und in mehreren Zeilen zu haben.
- Buttons_restart.uc.js für den praktischen Restart Button.
- AutoHideSidebar.css um die Sidebar automatisch ein/auszublenden
- ToolBarColors.css um die Abschattung, Linien etc aus den Leisten zu entfernen - für einen cleanen Look.
- noch 2 weitere Befehle um die Tabgröße festzulegen und das x aus den Tabs zu entfernen.

userChrome.css

Code: Alles auswählen

@import "./css/AutoHideSidebar.css";
@import "./CSS/ToolBarColors.css";

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




/******* Description: adjust max and min tab idth*****************************************************************/

.tabbrowser-tab[fadein]:not([pinned]) { min-width: 36px !important; max-width: 200px !important; }



/***** Description: disable display of "x" on tab to close tab****************************************************/

#tabbrowser-tabs .tabbrowser-tab .tab-close-button { display:none!important; }
AutoHideSidebar.css

Code: Alles auswählen

/******* Description: Auto-hide sidebar.** Contributor(s): img2tab****************************************************/
/* To right-align the sidebar, replace all occurrences of "left" with "right", and "margin-right" with "margin-left" */

:root				{
						--hover-width:    1px;
						--visible-width: 400px;
					}

#sidebar-box		{
						position:                            relative !important;
						overflow-x:                            hidden !important;
						opacity:                                    0 !important;
						margin-right:   calc(var(--hover-width) * -1) !important;
						left:                      var(--hover-width) !important;
						min-width:                 var(--hover-width) !important;
						max-width:                 var(--hover-width) !important;
					}

#sidebar-box:hover	{
						margin-right: calc(var(--visible-width) * -1) !important;
						opacity:                                    1 !important;
						left:                    var(--visible-width) !important;
						min-width:               var(--visible-width) !important;
						max-width:               var(--visible-width) !important;
					}

#sidebar			{
						opacity: 0 !important;
					}

#sidebar:hover		{
						opacity: 1 !important;
					}

/* #sidebar-header is hidden by default, change "none" to "inherit" to restore it. */

#sidebar-header		{
						display: inherit !important;
					}

/* #sidebar-splitter styles the divider between the sidebar and the rest of the browser. */

#sidebar-splitter	{
					}
ToolBarColors.css

Code: Alles auswählen

/* toolbar colors */
#main-window:not([tabsintitlebar]) #toolbar-menubar:not(:-moz-lwtheme) {
  background-image: var(--colored_menubar_background_image) !important;
  border: 0px !important;
  margin-bottom: -1px !important;
}

#nav-bar:not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_navbar, inherit) !important;
}

toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#nav-bar):not(:-moz-lwtheme) {
  -moz-appearance: none !important;
  background: var(--general_toolbar_color_toolbars, inherit) !important;
}
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: var(--tabs_toolbar_color_tabs_not_on_top) !important;
}

/* remove color overlay for lw-themes */
#main-window[style*='--lwt-header-image'] :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust compact themes background color */
#main-window:not([style*='--lwt-header-image']) #TabsToolbar:-moz-lwtheme {
  -moz-appearance: none !important;
  background-image: linear-gradient(var(--toolbar-bgcolor),var(--toolbar-bgcolor)) !important;
}

#main-window:not(:-moz-lwtheme) #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not(:-moz-lwtheme) #TabsToolbar > toolbarbutton,
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar :-moz-any(.tabs-newtab-button,.scrollbutton-up,.scrollbutton-down),
#main-window:not([style*='--lwt-header-image']):-moz-lwtheme:-moz-lwtheme-darktext #TabsToolbar > toolbarbutton {
  fill: var(--classic_squared_tabs_new_tab_icon_color) !important;
  color: var(--classic_squared_tabs_new_tab_icon_color) !important;
}
Obwohl ich nun fast alles so habe wie ich es gerne mag habe ich dennoch einige Fragen:

- Ist das was ich mir als Laie hier so zusammengesucht und gebastelt habe so ok oder kann man das alles besser, effiziente, eleganter usw. machen.
- Beim doppelklick auf die freie Fläche in der Tableiste springt FF vom Vollbild auf Fenstermodus - hier hätte ich gerne ein neues leeres Tab geöffnet. Geht das und wenn ja wie?
- Das Einblenden der Menüleiste erfolgt jetzt oberhalb der Tableiste also mitten in den Leisten. Ich hätte gerne das Hamburger Menü um die Einträge der Menüleiste erweitert. Hatte da auch ein Skript gefunden bloß funktionierte das nicht.
- Ich habe immer ne Menge Tabs im FF und hätte gerne das der Hintergrund der nicht geladenen Tabs leicht gräulich transparent (oder so) hinterlegt ist damit ich sofort sehen kann welchen Tab ich bereits geladen habe oder nicht.
mein rumprobieren hat hier bestenfalls das Icon und die Schrift blaß bzw. transparent gemacht nicht jedoch den Hintergrund.

Danke im Voraus
Zuletzt geändert von juras am Fr, 15. Mär 2019 16:25, insgesamt 1-mal geändert.

Benutzeravatar
Sephira
Mitglied
Beiträge: 151
Registriert: Di, 06. Jun 2006 0:26

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#2

Beitrag von Sephira » Mo, 04. Mär 2019 17:37

Neuer Tab bei Doppelklick:

Code: Alles auswählen

// Doppelklick auf Tableiste öffnet neue about:newtab Seite
gBrowser.tabContainer.addEventListener('dblclick', function(event) {
	if (event.target.localName != 'tabs' && event.target.localName != 'toolbarbutton') {
		return;
	}
	gBrowser.selectedTab = gBrowser.addWebTab('about:newtab');
	event.preventDefault();
	event.stopPropagation();
});
Falls andere Seite gewünscht about:newtab ersetzen

juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#3

Beitrag von juras Themen-Starter » Di, 05. Mär 2019 11:10

Danke für das skript :)
Funktioniert perfekt!

juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#4

Beitrag von juras Themen-Starter » Do, 07. Mär 2019 17:41

Hallo

Gibt es ne Möglichkeit das nach dem öffnen einen neuen Tab (mit den Skript oben) der Cursor sofort in der URL bar steht - also das man sofort nach dem öffnen des Tabs per doppelklick lostippen kann?

Benutzeravatar
aborix
Senior-Mitglied
Beiträge: 4243
Registriert: So, 06. Sep 2009 0:57

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#5

Beitrag von aborix » Do, 07. Mär 2019 22:20

Ja, damit:

Code: Alles auswählen

// Doppelklick auf Tableiste öffnet neue about:newtab Seite
gBrowser.tabContainer.addEventListener('dblclick', function(event) {
	if (event.target.localName != 'tabs' && event.target.localName != 'toolbarbutton') {
		return;
	}
	gBrowser.selectedTab = gBrowser.addWebTab('about:newtab');
	gURLBar.focus();
	event.preventDefault();
	event.stopPropagation();
});

juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#6

Beitrag von juras Themen-Starter » Fr, 08. Mär 2019 1:12

@aborix

Danke! :)

juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#7

Beitrag von juras Themen-Starter » Do, 14. Mär 2019 11:41

Hallo

Gibt es für diese 2 Punkte eine Lösung?

juras hat geschrieben:
Mo, 04. Mär 2019 12:30

- Das Einblenden der Menüleiste erfolgt jetzt oberhalb der Tableiste also mitten in den Leisten. Ich hätte gerne das Hamburger Menü um die Einträge der Menüleiste erweitert. Hatte da auch ein Skript gefunden bloß funktionierte das nicht.

- Ich habe immer ne Menge Tabs im FF und hätte gerne das der Hintergrund der nicht geladenen Tabs leicht gräulich transparent (oder so) hinterlegt ist damit ich sofort sehen kann welchen Tab ich bereits geladen habe oder nicht.
mein rumprobieren hat hier bestenfalls das Icon und die Schrift blaß bzw. transparent gemacht nicht jedoch den Hintergrund.
Danke
Juras

Benutzeravatar
aborix
Senior-Mitglied
Beiträge: 4243
Registriert: So, 06. Sep 2009 0:57

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#8

Beitrag von aborix » Do, 14. Mär 2019 18:39

juras hat geschrieben:
Mo, 04. Mär 2019 12:30
Das Einblenden der Menüleiste erfolgt jetzt oberhalb der Tableiste also mitten in den Leisten. Ich hätte gerne das Hamburger Menü um die Einträge der Menüleiste erweitert. Hatte da auch ein Skript gefunden bloß funktionierte das nicht.
Hast du einen Link zu diesem Skript?

Die Menüleiste in eine andere Leiste verschieben ist auch machbar, s. viewtopic.php?p=1051372#p1051372
juras hat geschrieben:
Mo, 04. Mär 2019 12:30
Ich habe immer ne Menge Tabs im FF und hätte gerne das der Hintergrund der nicht geladenen Tabs leicht gräulich transparent (oder so) hinterlegt ist damit ich sofort sehen kann welchen Tab ich bereits geladen habe oder nicht.
z.B.

Code: Alles auswählen

tab[pending] {background-color: grey !important}

juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#9

Beitrag von juras Themen-Starter » Do, 14. Mär 2019 21:02

Hi

Hat etwas gedauert es wiederzufinden...
Dieses skript soll das ermöglichen - läuft aber mit dem aktuellen FF nicht.

Für die anderen Sachen Vielen Dank!

Mit deiner Hilfe habe ich nun die Hintergrundgeschichte hingekriegt :)
Mit dem rgb und alpha Parameter konnte ich endlich nur den Hintergrund durchscheinend machen.

Code: Alles auswählen

tab[pending] {background-color: rgba(25, 25, 25, .1) !important}

Benutzeravatar
aborix
Senior-Mitglied
Beiträge: 4243
Registriert: So, 06. Sep 2009 0:57

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#10

Beitrag von aborix » Do, 14. Mär 2019 23:53

Dieses Skript versetzt die Menüs aus der Menüleiste ins Panel-Menü:

Code: Alles auswählen

(function() {

  if (!window.gBrowser)
    return;

  let vbox = document.createElement('vbox');
  vbox.id = 'appMenu-menubar';
  let panelSubview = document.getElementById('appMenu-mainView').firstChild;
  panelSubview.insertBefore(vbox, document.getElementById('appMenu-fxa-container'));
  let menuIds = ['file-menu', 'edit-menu', 'view-menu', 'history-menu', 'bookmarksMenu', 'tools-menu', 'helpMenu'];
  for (let id of menuIds) {
    let menu = document.getElementById(id);
    menu.classList.add('subviewbutton');
    vbox.appendChild(menu);
  };
  vbox.appendChild(document.createElement('toolbarseparator'));

})();
und in die userChrome.css kommt noch hinzu:

Code: Alles auswählen

#appMenu-menubar > menu:hover {background-color: var(--arrowpanel-dimmed) !important}

juras
Junior-Mitglied
Beiträge: 7
Registriert: Mi, 27. Feb 2019 16:08

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten)

#11

Beitrag von juras Themen-Starter » Fr, 15. Mär 2019 8:26

Vielen Dank Aborix :D

Jetzt paßt wieder alles!

Benutzeravatar
aborix
Senior-Mitglied
Beiträge: 4243
Registriert: So, 06. Sep 2009 0:57

Re: Einige Fragen zur FF Anpassung (Tab Hintergrund, Menü, Doppelclickverhalten) [erledigt und gelöst]

#12

Beitrag von aborix » Fr, 15. Mär 2019 21:19

Gerne. :)

Antworten

Wer ist online?

Mitglieder in diesem Forum: Hemu und 10 Gäste