Lesezeichen-Symbolleiste breiter/höher machen

Schrauberecke: Hier geht es um optische und funktionelle Veränderungen (ohne Themes oder Personas) von Firefox oder von Webseiten per CSS-Codes oder JavaScript.
Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 17049
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Lesezeichen-Symbolleiste breiter/höher machen

#1

Beitrag von AngelOfDarkness Themen-Starter » Sa, 29. Sep 2018 19:22

Nabend,

würde gerne meinen vorhanden Code für die Leisten modifizieren und zwar, dass die Lesezeichen-Symbolleiste etwas breiter in der Höhe wird.

Code: Alles auswählen

#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
border:none!important;
background:black!important;}

Ich habe dafür folgenden Code hier im Forum gefunden, aber wie muss der in den oberen integriert werden?

Code: Alles auswählen

#PlacesToolbarItems > toolbarbutton{
font-size:19px!important;}
Werden dabei dann automatisch auch die Favicons mit grösser ?
verwendete Browser und Erweiterungen sowie Bild vom Firefox (Stand: 13.10.2018) - Sicherheitskonzept für Windowsnutzer

„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 38845
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Lesezeichen-Symbolleiste breiter/höher machen

#2

Beitrag von 2002Andreas » Sa, 29. Sep 2018 19:44

Du kannst das ja bitte mal testen ob es in die richtige Richtung geht wie man so sagt :wink:

Code: Alles auswählen

#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
border:none!important;
background:black!important;}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:19px!important;
padding-left:3px!important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}

#PlacesToolbar{
height:29px!important;
}
Die Werte musst du dir natürlich noch anpassen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
milupo
Senior-Mitglied
Beiträge: 4966
Registriert: Fr, 27. Okt 2006 22:25

Re: Lesezeichen-Symbolleiste breiter/höher machen

#3

Beitrag von milupo » Sa, 29. Sep 2018 19:49

AngelOfDarkness hat geschrieben:
Sa, 29. Sep 2018 19:22
Lesezeichen-Symbolleiste etwas breiter in der Höhe wird.
Ja, wie nun, breiter oder höher? Oder sollen da z. B. von einer Symbolleiste, die 4 cm hoch ist, die unteren 2 cm 10 cm breit sein und die oberen 2 cm 12 cm breit?
Übersetzer für Obersorbisch und Niedersorbisch auf pontoon.mozilla.org, u.a. für Firefox, Firefox für Android, Firefox für iOS, Firefox Klar/Focus für iOS und Android, Thunderbird, Pootle, Django und LibreOffice

Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 17049
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Re: Lesezeichen-Symbolleiste breiter/höher machen

#4

Beitrag von AngelOfDarkness Themen-Starter » Sa, 29. Sep 2018 20:09

@milupo

In der Höhe breiter werden ;)

@2002Andreas

danke das sieht schon ganz gut aus. Allerdings bräuchte es nun noch neben dem Favicon/Ordnersymbol und Text einen Abstand und der Text könnte auch in bold dargestellt werden nun ;)

Habe allerdings den ursprünglich von mir verwendeten Code verwechselt, ich nutze ja für die Anpassung diesen hier:

Code: Alles auswählen

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}

/* Test für Farbe im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/

/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;
}
.panel-arrow{
	display:none!important;
}

/* Farbe Searchbar */
.searchbar-textbox{
color:#000000 !important;
background:#FF00FF !important;
}

/* Farbe Urlbar */
.searchbar-textbox, #urlbar {
  background-color: #FF00FF !important;
  color: #000000 !important;
}

#identity-icon{
opacity: 1 !important;
}

/* Farbe Kontextmenü */
menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: #C71585 !important;
    background-color:#EE82EE !important;
}

menuitem {
    color: #000000 !important;
	}
	
/* Farben Toolbar */
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}

/* Farbe Buttons */
#star-button {
  fill: Black !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}

/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
	border:none!important;
	background: #000000!important;}

/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}
		
    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}
		
    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}

#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}

.ac-title-text{
        color:#000000 !important;}

.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}
		
.ac-url-text{
		color:#FFC0CB !important;}
		
.ac-type-icon{
         fill:#DC143C !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }
		
    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}
	   
    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}

    }
    
/* Groesse der Lesezeichen-Symbolleiste */

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
padding-left:3px!important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}

#PlacesToolbar{
height:36px!important;
}
Das Ganze sieht nun so aus bei mir
Dateianhänge
ansicht.png
verwendete Browser und Erweiterungen sowie Bild vom Firefox (Stand: 13.10.2018) - Sicherheitskonzept für Windowsnutzer

„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 38845
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Lesezeichen-Symbolleiste breiter/höher machen

#5

Beitrag von 2002Andreas » Sa, 29. Sep 2018 20:17

AngelOfDarkness hat geschrieben:
Sa, 29. Sep 2018 20:09
neben dem Favicon/Ordnersymbol und Text einen Abstand
Den kannst du mit diesen Werten im vorletzten Code anpassen:

Code: Alles auswählen

#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}
AngelOfDarkness hat geschrieben:
Sa, 29. Sep 2018 20:09
der Text könnte auch in bold dargestellt werden
Meinst du das so?

Code: Alles auswählen

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}

/* Test für Farbe im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/

/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;

}
.panel-arrow{
	display:none!important;
}

/* Farbe Searchbar */
.searchbar-textbox{
color:#000000 !important;
background:#FF00FF !important;
}

/* Farbe Urlbar */
.searchbar-textbox, #urlbar {
  background-color: #FF00FF !important;
  color: #000000 !important;
}

#identity-icon{
opacity: 1 !important;
}

/* Farbe Kontextmenü */
menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: #C71585 !important;
    background-color:#EE82EE !important;
}

menuitem {
    color: #000000 !important;
	}
	
/* Farben Toolbar */
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
font-weight:bold !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}

/* Farbe Buttons */
#star-button {
  fill: Black !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}

/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
	border:none!important;
	background: #000000!important;}

/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}
		
    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}
		
    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}

#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}

.ac-title-text{
        color:#000000 !important;}

.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}
		
.ac-url-text{
		color:#FFC0CB !important;}
		
.ac-type-icon{
         fill:#DC143C !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }
		
    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}
	   
    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}

    
    
/* Groesse der Lesezeichen-Symbolleiste */

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
padding-left:3px!important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}

#PlacesToolbar{
height:36px!important;
}
Ist dein kompletter Code nur mit der Änderung für die Schrift bold
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 17049
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Re: Lesezeichen-Symbolleiste breiter/höher machen

#6

Beitrag von AngelOfDarkness Themen-Starter » Sa, 29. Sep 2018 20:19

Das bold sollte nur in der Lesezeichen-Symbolleiste so sein ;)
verwendete Browser und Erweiterungen sowie Bild vom Firefox (Stand: 13.10.2018) - Sicherheitskonzept für Windowsnutzer

„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

Benutzeravatar
2002Andreas
Moderator
Beiträge: 38845
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Lesezeichen-Symbolleiste breiter/höher machen

#7

Beitrag von 2002Andreas » Sa, 29. Sep 2018 20:21

Ok, bitte wieder testen.

Code: Alles auswählen

/*
.bookmark-item[container="true"] {
   fill:#FF00FF !important;
   color:#00FFFF !important; 
}

toolbarbutton[container="true"] {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
}

/* Test für Farbe im Sandwichmenü */
/*
photonpanelmultiview .panel-subview-body{
color:#00FFFF!important;
background:#000000 !important;
}
#appMenu-zoom-controls{
color:#00FFFF !important;
background:#000000 !important;
}	
#appMenu-edit-controls{
color:#00FFFF !important;
background:#000000 !important;
}
toolbarseparator{
	color:#000000 !important;
	background:#000000 !important;
}
*/

/* Farbe für Schrift und Symbole LesezeichenSymbolleiste, Toolbar und Menübar */
photonpanelmultiview .panel-subview-body,
#appMenu-multiView,
.panel-subview-body,
#appMenu-popup .toolbaritem-combined-buttons,
#appMenu-multiView,
#appMenu-popup{
color:#00FFFF !important;
background:#000000 !important;

}
.panel-arrow{
	display:none!important;
}

/* Farbe Searchbar */
.searchbar-textbox{
color:#000000 !important;
background:#FF00FF !important;
}

/* Farbe Urlbar */
.searchbar-textbox, #urlbar {
  background-color: #FF00FF !important;
  color: #000000 !important;
}

#identity-icon{
opacity: 1 !important;
}

/* Farbe Kontextmenü */
menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: #C71585 !important;
    background-color:#EE82EE !important;
}

menuitem {
    color: #000000 !important;
	}
	
/* Farben Toolbar */
toolbarbutton {
   filter:none !important;
   fill:#FF00FF !important;
   color:#FF00FF !important;
   background:#000000 !important;
}
.toolbarbutton-text {
-moz-appearance: none !important;
color: #00FFFF !important;
} 
menubar{
-moz-appearance: none !important;
color: #00FFFF !important;
}

/* Farbe Buttons */
#star-button {
  fill: Black !important;
}
 #back-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}
#forward-button:not([disabled="true"]):not([open="true"]):not(:active){
	fill: Cyan !important; 
	}

/* Hintergrundfarbe Bars */
#toolbar-menubar,
#nav-bar,
#nav-bar-customization-target,
#PersonalToolbar,
#TabsToolbar{
	border:none!important;
	background: #000000!important;}

/* Anpassung PopupAutoComplete */
    #PopupAutoCompleteRichResult {
		border: none !important;}
		
    #PopupAutoCompleteRichResult .scrollbox-innerbox {
		overflow-y: hidden !important;}
		
    #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-normal-text.ac-comment{
	    font-weight: bold !important; 
		font-size: 11.5pt !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem{ 
	    -moz-appearance: none !important; 
	    border: none !important; 
	    background: #FF00FF !important;  
	    min-height: 25px !important; 
	    max-height: 22px !important;}

#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult,
.search-panel-one-offs,
.search-panel-current-input{
       -moz-appearance: none !important; 
	    border: none !important; 
	    background: #00FFFF !important;  
        color:#000000 !important;}

.ac-title-text{
        color:#000000 !important;}

.ac-site-icon{
        filter:none !important;
        fill:#000000 !important;}
		
.ac-url-text{
		color:#FFC0CB !important;}
		
.ac-type-icon{
         fill:#DC143C !important;}

    #PopupAutoCompleteRichResult .autocomplete-richlistitem:hover{
		-moz-appearance: none !important; 
        background: #FFFF00 !important; }
		
    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="bookmark"]:hover { 
	   -moz-appearance: none !important; 
	   border: none !important; 
	   background: #FF69B4 !important;}
	   
    #PopupAutoCompleteRichResult .autocomplete-richlistitem[type="tag"]:hover { 
	  -moz-appearance: none !important; 
	  border: none !important; 
	  background: #FF69B4 !important;}

    
    
/* Groesse der Lesezeichen-Symbolleiste */

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
padding-left:3px!important;
font-weight:bold !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:3px!important;
margin-right:3px!important;
}

#PlacesToolbar{
height:36px!important;
}
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 17049
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Re: Lesezeichen-Symbolleiste breiter/höher machen

#8

Beitrag von AngelOfDarkness Themen-Starter » Sa, 29. Sep 2018 20:33

Habe die Anweisung für bold nun auch schon eingebaut gehabt, aber leider passiert da nix.

Code: Alles auswählen

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size:32px!important;
font-weight:bold!important;
padding-left:3px!important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:8px!important;
margin-right:8px!important;
}

#PlacesToolbar{
height:36px!important;
}
Und der Teil für den Abstand bezieht sich leider auf den Abstand von Lesezeichen zu Lesezeichen, aber leider nicht innerhalb eines Lesezeichen bestehend aus Favicon bzw. Ordnericon und dem dazugehörigen Text. Habe mal ein Bild gemacht von dem was ich meine ;)
Dateianhänge
ansicht02.png
ansicht02.png (15.76 KiB) 331 mal betrachtet
verwendete Browser und Erweiterungen sowie Bild vom Firefox (Stand: 13.10.2018) - Sicherheitskonzept für Windowsnutzer

„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 17049
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Re: Lesezeichen-Symbolleiste breiter/höher machen

#9

Beitrag von AngelOfDarkness Themen-Starter » Sa, 29. Sep 2018 20:47

Noch was .. wenn ich mit den px-Wert für die Schriftgrösse spiele passiert nix. Die Schriftgrösse bleibt immer gleich.
verwendete Browser und Erweiterungen sowie Bild vom Firefox (Stand: 13.10.2018) - Sicherheitskonzept für Windowsnutzer

„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

macko
Mitglied
Beiträge: 169
Registriert: Di, 25. Sep 2018 14:42

Re: Lesezeichen-Symbolleiste breiter/höher machen

#10

Beitrag von macko » Sa, 29. Sep 2018 20:52

So hab dir einmal kurz den Code für dich angepasst. Sollte eigentlich so stimmen. Bitte kurz einmal testen bei dir, indem du diesen Teilbereich innerhalb deines geposteten Codes in Beitrag #4 ersetzt:

Code: Alles auswählen

/* Groesse der Lesezeichen-Symbolleiste */
#PlacesToolbar{
height:36px !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.5, 1.5) !important;}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size: 14px !important;
font-weight: bold;
padding-left:6px !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:3px !important;
margin-right:3px !important;
}
Sollte dann folgendermassen aussehen:
2018-09-29_14-43-57.png

Benutzeravatar
AngelOfDarkness
Senior-Mitglied
Beiträge: 17049
Registriert: Di, 20. Jul 2004 20:01
Wohnort: Menden

Re: Lesezeichen-Symbolleiste breiter/höher machen

#11

Beitrag von AngelOfDarkness Themen-Starter » Sa, 29. Sep 2018 21:08

1000 Dank an @macko und @2002Andreas :klasse:

sieht nun mit entsprechendem Codeabschnitt bei nochmals angepasstem Icon-Scale von 1.2, 1.2 ...

Code: Alles auswählen

/* Groesse der Lesezeichen-Symbolleiste */

#PlacesToolbar{
height:36px !important;
}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon {
transform: scale(1.2, 1.2) !important;}

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
font-size: 14px !important;
font-weight: bold;
padding-left:6px !important;
}

#PlacesToolbarItems > toolbarbutton{
margin-left:3px !important;
margin-right:3px !important;
}
... bei mir so aus:
Dateianhänge
ansicht03.png
verwendete Browser und Erweiterungen sowie Bild vom Firefox (Stand: 13.10.2018) - Sicherheitskonzept für Windowsnutzer

„Mutter ist der Name für Gott, auf den Lippen und in den Herzen aller Kinder dieser Welt.“ (The Crow)

Hastenichgesehen
Mitglied
Beiträge: 108
Registriert: Mo, 15. Feb 2010 11:06

Re: Lesezeichen-Symbolleiste breiter/höher machen

#12

Beitrag von Hastenichgesehen » Sa, 29. Sep 2018 21:38

Nicht schlecht, Herr Specht!
Manchmal sind die Lesezeichensymbole doch recht klein und man erkennt diese kaum.

Wie heißt denn die Leiste die unter der Lesezeichen-Leiste liegt, also die wo z.B: auch Symbol-Buttons von "Brief", "Update-Scanner", Lesezeichen verwalten", "Sidebars angezeigt werden? Dann könnte man diese mit den gleichen Code-Angaben ebenfalls vergrößern.
Gruß
Horst

Benutzeravatar
2002Andreas
Moderator
Beiträge: 38845
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Lesezeichen-Symbolleiste breiter/höher machen

#13

Beitrag von 2002Andreas » Sa, 29. Sep 2018 22:09

Freut mich wenn du letztlich zufrieden bist :D
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

macko
Mitglied
Beiträge: 169
Registriert: Di, 25. Sep 2018 14:42

Re: Lesezeichen-Symbolleiste breiter/höher machen

#14

Beitrag von macko » Sa, 29. Sep 2018 22:26

Hastenichgesehen hat geschrieben:
Sa, 29. Sep 2018 21:38
Wie heißt denn die Leiste die unter der Lesezeichen-Leiste liegt, also die wo z.B: auch Symbol-Buttons von "Brief", "Update-Scanner", Lesezeichen verwalten", "Sidebars angezeigt werden?
Meinst du vielleicht die Statusleiste/Addonbar, welche man mittels eines Skriptes (wieder) hinzufügen kann :?:
Wenn genau dieses Skript gemeint ist, dann könnte man dies mit diesem kurzen Code-Schnipsel anpassen:

Code: Alles auswählen

#bottom-toolbar-vbox{
  height: 32px !important;
}

#bottom-toolbar-vbox .toolbarbutton-icon{
  transform: scale(1.5, 1.5) !important;
}
Sollte dann folgendermassen aussehen:
2018-09-29_16-25-07.png

Benutzeravatar
2002Andreas
Moderator
Beiträge: 38845
Registriert: Fr, 04. Jul 2008 19:25
Wohnort: Niedersachsen

Re: Lesezeichen-Symbolleiste breiter/höher machen

#15

Beitrag von 2002Andreas » Sa, 29. Sep 2018 22:36

Hastenichgesehen hat geschrieben:
Sa, 29. Sep 2018 21:38
"Sidebars angezeigt werden?
Oder meinst du diese Leiste?
Zwischenablage01.png
Wenn ja:

Code: Alles auswählen

#nav-bar{
  height: 52px !important;
}

#nav-bar .toolbarbutton-icon{
  transform: scale(1.5, 1.5) !important;
}
Werte wenn dann bitte anpassen.
Mit freundlichem Gruß
Andreas
Mein System    Meine Add-ons

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 7 Gäste