Funktioniert das mit der aktuellen Nightlyversion bei Euch?
Funktioniert hier ohne Probleme, stelle doch mal Dein Script zur Verfügung?
Funktioniert das mit der aktuellen Nightlyversion bei Euch?
Funktioniert hier ohne Probleme, stelle doch mal Dein Script zur Verfügung?
Wie jetzt schon mehrfach gesagt ergibt das überhaupt keinen Sinn, da Firefox und Opera auf iOS mit der exakt gleichen Engine arbeiten und damit auch den grundsätzlich gleichen Energiebedarf für die gleichen Aufgaben haben.
Wie sieht es da überhaupt mit Erweiterungen aus, gibt es welche und haben die dann auch Einfluss auf den Stromverbrauch?
Damit hatte ich gestern schon meine Probleme
Was meinst Du, warum ich hier mal wieder nach einem CSS-Voodoo gefragt habe, ich habe es nämlich auch nicht hinbekommen, das ist echt ganz schön verzwickt. ![]()
Ich kann dir nur einen Kompromiss anbieten.
Wenn du magst, dann teste bitte:
Daraus habe ich jetzt das ↓ gebaut und sieht so aus, wie ich es haben möchte, Dankeschön für Deine fleißige und zielführende Arbeit, hast Du wie immer gut hinbekommen bzw. auf den Weg gebracht, weiter so, Du bist der Beste. ![]()
![]()
![]()
.search-panel-tree {
background-color: #0082FC !important;
color: #FFF !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.search-panel-tree > .autocomplete-richlistitem {
--urlbarView-highlight-background: #6970A0 !important;
border: 1px solid #000 !important;
border-bottom: 0 !important;
}
.search-panel-tree > .autocomplete-richlistitem:last-child {
border-bottom: 1px solid #000 !important;
}
.search-panel-tree .ac-title-text {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
Alles anzeigen
Hallo 2002Andreas,
ich sehe es gerade erst, der * Eintrag ist nicht richtig, es soll nicht der Tree eingefärbt werden, sondern die richlistitem im tree, wieso funktioniert Dein CSS nicht, wenn man das dahingehend ** korrigiert?
*
**
Noch etwas angepasst dafür:
Ups, gestern Abend vergessen, Dankeschön für euren Zielführenden Beitrag, nun funktioniert es mit dem Anpassen eines Eintrags bei mir auch in der Searchbar.
Der Code von Andreas verändert (unter anderem) die Farbe der per Tastatur ausgewählten Zeile und ich hätte die Anfrage jetzt auch so verstanden, dass du das wolltest.
Und selbstverständlich auch Dir Dankeschön für den Schubs in die richtige Richtung.
Dann beschreibe bitte genauer, was du möchtest.
Tut nicht not, bei mir war eine Anpassung für einen anderen Bereich nicht sauber eingegrenzt auf den Bereich und deshalb hat Andreas CSS bei mir nicht vollständig funktioniert, eben die Anpassung für die Tastaturbedienung.
Mache ich das mit der Pfeiltaste auf der Tastatur, dann ist er Standard grau.
Ich will den Standard ja überschreiben, wie mache ich das?
Hallo Mira, der Gedanke ist gut, wenn es denn so ist wie ich vermutet hatte
Nein, das ist es noch nicht.
Geht es dir um die blaue Fläche, die grüne, oder noch etwas anderes?
Guckst Du da ↓, es geht um das unterste richlistitem, das im Lila Farbton.
Was genau willst du den einfärben?
Theoretisch eigentlich alle richlistitem, aber hauptsächlich erst einmal die der Searchbar, das * CSS läuft dort derzeit.
*
.search-panel-tree > .autocomplete-richlistitem {
background-color: #0082FC !important;
color: #000 !important;
margin: 1px 1px 0 1px !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.search-panel-tree .ac-title-text {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
#PopupSearchAutoComplete .autocomplete-richlistbox.search-panel-tree {
padding: 0 0 1px 0 !important;
}
Alles anzeigen
Und/oder mal :hover versuchen.
:hover wirkt nur bei Mausbedienung, aber nicht bei Tastaturbedienung und wie gesagt, [_moz-menuactive="true"] funktioniert bei richlistitem nicht.
Nein, ich will es ja anders einfärben, wenn ich durch die richlistitems navigiere, also kann es nicht :not(…) sein und [_moz-menuactive="true"] wirkt da scheinbar nicht.
Kann man dies nicht irgendwo deaktivieren?
Etwas ziemlich genau zielführendes hat grisu2099 doch schon genannt, einfach bei Extras → Einstellungen → Startseite und dort bei Startseite und neue Fenster Leere Seite einstellen und alles ist gut.
dann sieht es so aus
Himmel noch einmal, Du sollst nicht nach Extras → Add-ons und Themes gehen, sondern in der Adressleiste fast ganz rechts auf den Button klicken, der aussieht wie ein Puzzle-Teil.
Bitte mal anschauen, könnte Spam sein.
Aber die Zeilen 142-155 setzen ein entsprechendes Attribut für ein XUL-Element und können hiermit ersetzt werden:
Von Dir vorgeschlagen und von mir so getan und funktioniert, Dankeschön.
Hallo alle zusammen und speziell Sören,
Vorher kann man es ändern, wenn man möchte.
wenn das so ist, dann würde ich gerne mal von Euch dort ↓ einen Blick geworfen haben.
// 'Vertical Add-on Bar' script for Firefox by Aris
//
// no 'close' button
// 'toggle' toolbar with 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS
// optional toggle button hides the toolbar temporarily, it gets restored on every restart
// 'Vertical Add-on Bar' entry is only visible in toolbars context menu when in customizing mode
//
// flexible spaces on toolbar work 'vertically'
// toolbar can be on the left or on the right
// toolbar is display horizontally in customizing mode
// [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)
Components.utils.import("resource:///modules/CustomizableUI.jsm");
ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
var AddonbarVertical = {
init: function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
/* blank tab workaround */
try {
if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
} catch(e) {}
var addonbar_v_label = 'Vertical Add-on Bar'; // toolbar name
var button_label = 'Toggle vertical Add-on Bar'; // Toggle button name
var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
var addonbar_v_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
var style_addonbar_v = true; // apply default toolbar appearance/colors to vertical add-on bar
var addonbar_v_width = '22px'; // toolbar width
var compact_buttons = true; // compact button size (true) or default button size (false)
try {
if(document.getElementById('toolbox_abv') == null && document.getElementById('addonbar_v') == null) {
var toolbox_abv = document.createXULElement('toolbox');
toolbox_abv.setAttribute('orient','horizontal');
toolbox_abv.setAttribute('id','toolbox_abv');
toolbox_abv.setAttribute('insertbefore','sidebar-box');
var tb_addonbarv = document.createXULElement('toolbar');
tb_addonbarv.setAttribute('id','addonbar_v');
tb_addonbarv.setAttribute('customizable','true');
tb_addonbarv.setAttribute('class','toolbar-primary chromeclass-toolbar browser-toolbar customization-target');
tb_addonbarv.setAttribute('mode','icons');
tb_addonbarv.setAttribute('iconsize','small');
tb_addonbarv.setAttribute('toolboxid','navigator-toolbox');
tb_addonbarv.setAttribute('orient','vertical');
tb_addonbarv.setAttribute('flex','1');
tb_addonbarv.setAttribute('context','toolbar-context-menu');
tb_addonbarv.setAttribute('toolbarname', addonbar_v_label);
tb_addonbarv.setAttribute('label', addonbar_v_label);
tb_addonbarv.setAttribute('lockiconsize','true');
tb_addonbarv.setAttribute('defaultset','spring');
toolbox_abv.appendChild(tb_addonbarv);
CustomizableUI.registerArea('addonbar_v', {legacy: true});
setTimeout(function(){
CustomizableUI.registerArea('addonbar_v', {legacy: true});
},2000);
CustomizableUI.registerToolbarNode(tb_addonbarv);
if(addonbar_v_on_the_left) {
document.getElementById('browser').insertBefore(toolbox_abv,document.getElementById('browser').firstChild);
}
else {
document.getElementById('browser').appendChild(toolbox_abv);
}
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
try {
if(document.querySelector('#browser').getAttribute('hidden') || document.querySelector('#main-window').getAttribute('customizing')) {
document.querySelector('#addonbar_v').setAttribute('orient','horizontal');
document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v'));
}
else {
document.querySelector('#addonbar_v').setAttribute('orient','vertical');
document.querySelector('#toolbox_abv').appendChild(document.querySelector('#addonbar_v'));
}
} catch(e){}
});
});
observer.observe(document.querySelector('#main-window'), { attributes: true, attributeFilter: ['customizing'] });
try {
Services.prefs.getDefaultBranch('browser.vaddonbar.').setBoolPref('enabled',true);
setToolbarVisibility(document.getElementById('addonbar_v'), Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'));
setToolbarVisibility(document.getElementById('toolbox_abv'), Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'));
} catch(e) {}
if(addonbar_v_togglebutton) {
CustomizableUI.createWidget({
id: 'togglebutton_addonbar_v', // button id
defaultArea: CustomizableUI.AREA_NAVBAR,
removable: true,
label: button_label, // button title
tooltiptext: button_label, // tooltip title
onClick: function(event) {
if(event.button==0) {
var windows = Services.wm.getEnumerator(null);
while (windows.hasMoreElements()) {
var win = windows.getNext();
var vAddonBar = win.document.getElementById('addonbar_v');
setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
var vAddonBarBox = win.document.getElementById('toolbox_abv');
setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
Services.prefs.getBranch('browser.vaddonbar.').setBoolPref('enabled',!vAddonBar.collapsed);
if(!vAddonBar.collapsed)
win.document.querySelector('#togglebutton_addonbar_v').setAttribute('checked','true');
else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
}
}
},
onCreated: function(button) {
if(Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'))
button.setAttribute('checked','true');
return button;
}
});
}
// Press 'Ctr + Alt + /' on Windows/Linux and 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
var key = document.createXULElement('key');
key.id = 'key_toggleVAddonBar';
key.setAttribute('key', '/');
key.setAttribute('modifiers', 'accel,alt');
key.setAttribute('oncommand',`
var windows = Services.wm.getEnumerator(null);
while (windows.hasMoreElements()) {
var win = windows.getNext();
var vAddonBar = win.document.getElementById('addonbar_v');
setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
var vAddonBarBox = win.document.getElementById('toolbox_abv');
setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
Services.prefs.getBranch('browser.vaddonbar.').setBoolPref('enabled',!vAddonBar.collapsed);
if(!vAddonBar.collapsed)
win.document.querySelector('#togglebutton_addonbar_v').setAttribute('checked','true');
else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
}
`);
document.getElementById('mainKeyset').appendChild(key);
}
} catch(e) {}
// style toolbar & toggle button
var addonbar_v_style = '';
var togglebutton_addonbar_v_style = '';
if(style_addonbar_v) {
var end_border =`
#addonbar_v { \
border-inline-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
} \
`;
if(!addonbar_v_on_the_left) {
end_border =`
#addonbar_v { \
border-inline-start: 1px solid #B2B2B2 !important; \
} \
`;
}
addonbar_v_style =` \
#addonbar_v { \
appearance: none !important; \
background-color: var(--toolbar-bgcolor); \
background-image: var(--toolbar-bgimage); \
background-clip: padding-box; \
color: var(--toolbar-color, inherit); \
padding-bottom: 1px !important; \
} \
:root[lwtheme] #addonbar_v { \
background: var(--lwt-accent-color) !important; \
} \
:root[lwtheme][lwtheme-image='true'] #addonbar_v { \
background: var(--lwt-header-image) !important; \
background-position: 0vw 50vh !important; \
} \
#main-window:not([customizing]) #toolbox_abv:not([collapsed='true']), \
#main-window:not([customizing]) #addonbar_v:not([collapsed='true']) { \
min-width: `+addonbar_v_width+`; \
width: `+addonbar_v_width+`; \
max-width: `+addonbar_v_width+`; \
} \
#main-window[chromehidden='menubar toolbar location directories status extrachrome '] #toolbox_abv:not([collapsed='true']), \
#main-window[chromehidden='menubar toolbar location directories status extrachrome '] #addonbar_v:not([collapsed='true']), \
#main-window[sizemode='fullscreen'] #toolbox_abv:not([collapsed='true']), \
#main-window[sizemode='fullscreen'] #addonbar_v:not([collapsed='true']) { \
min-width: 0px; \
width: 0px; \
max-width: 0px; \
} \
#main-window[customizing] #addonbar_v { \
outline: 1px dashed !important; \
outline-offset: -2px !important; \
} \
#addonbar_v toolbarbutton { \
min-height: 20px !important; \
max-height: 20px !important; \
min-width: 20px !important; \
max-width: 20px !important; \
background-color: #696969 !important; \
margin: 1px 1px 0 1px !important; \
} \
#addonbar_v toolbar .toolbarbutton-1 { \
min-height: 22px !important; \
max-height: 22px !important; \
min-width: 22px !important; \
max-width: 22px !important; \
background-color: #696969 !important; \
margin: 1px 1px 0 1px !important; \
} \
#addonbar_v toolbarbutton:hover, \
#addonbar_v toolbar .toolbarbutton-1:hover { \
background-color: #D1E2F2 !important; \
color: #000 !important; \
fill: #000 !important; \
} \
#addonbar_v toolbarbutton#uc-restart { \
background-color: #F20 !important; \
} \
#addonbar_v toolbarbutton#uc-restart image { \
fill: #FFF !important; \
} \
#addonbar_v toolbarbutton#uc-restart:hover { \
background-color: #D1E2F2 !important; \
} \
#addonbar_v toolbarbutton#uc-restart:hover image { \
fill: #F20 !important; \
} \
#addonbar_v toolbarbutton#privatebrowsing-button { \
background-color: #8000D7 !important; \
} \
#addonbar_v toolbarbutton#privatebrowsing-button image { \
fill: #FFF !important; \
} \
#addonbar_v toolbarbutton#privatebrowsing-button:hover { \
background-color: #D1E2F2 !important; \
} \
#addonbar_v toolbarbutton#privatebrowsing-button:hover image { \
fill: #8000D7 !important; \
} \
#addonbar_v toolbarbutton#restart-button { \
background-color: #F20 !important; \
} \
#addonbar_v toolbarbutton#restart-button:hover { \
background-color: #D1E2F2 !important; \
} \
#addonbar_v #cookieautodelete_kennydo_com-browser-action { \
min-height: 33px !important; \
} \
#addonbar_v #cookieautodelete_kennydo_com-browser-action > .toolbarbutton-badge-stack { \
margin-top: -13px !important; \
} \
#addonbar_v #cookieautodelete_kennydo_com-browser-action > .toolbarbutton-badge-stack .toolbarbutton-badge { \
min-width: 18px !important; \
border-radius: 0px !important; \
margin-top: 20px !important; \
margin-right: 1px !important; \
} \
#addonbar_v #cookieautodelete_kennydo_com-browser-action:hover > .toolbarbutton-badge-stack .toolbarbutton-badge { \
background-color: #D1E2F2 !important; \
color: #000 !important; \
} \
#addonbar_v > toolbarbutton#restart-button .toolbarbutton-icon { \
margin: 3px !important; \
} \
#addonbar_v > toolbarbutton#print-toolbarbutton { \
border-radius: 0 !important; \
border: 0 !important; \
background-color: #696969 !important; \
} \
#addonbar_v > toolbarbutton#print-toolbarbutton:hover { \
background-color: #D1E2F2 !important; \
} \
#unified-extensions-button[hidden]{ \
visibility: visible !important; \
display: flex !important; \
} \
#addonbar_v toolbaritem separator { \
display: none !important; \
} \
#main-window:not([customizing]) #addonbar_v > toolbaritem { \
writing-mode: vertical-rl !important; \
text-orientation: mixed !important; \
transform: rotate(0deg) !important; \
} \
#main-window:not([customizing]) #addonbar_v > toolbaritem menupopup { \
max-height: 170px !important; \
max-width: 170px !important; \
transform: rotate(-90deg) !important; \
} \
#main-window:not([customizing]) #addonbar_v > toolbaritem .toolbarbutton-badge { \
transform: rotate(-90deg) !important; \
position: absolute !important; \
padding: 1px 2px !important; \
top: -4px !important; \
} \
#main-window:not([customizing]) #addonbar_v #search-container, \
#main-window:not([customizing]) #addonbar_v #wrapper-search-container { \
flex: unset !important; \
} \
#main-window:not([customizing]) #addonbar_v #search-container { \
min-width: unset !important; \
width: unset !important; \
height: 100px !important; \
&[width] { \
flex: unset !important; \
} \
} \
#main-window:not([customizing]) #addonbar_v #zoom-reset-button > .toolbarbutton-text { \
min-width: unset !important; \
min-height: unset !important; \
} \
#main-window:not([customizing]) #addonbar_v #zoom-reset-button:not([label]) { \
display: none !important; \
} \
#main-window:not([customizing]) #addonbar_v .toolbarbutton-combined-buttons-dropmarker > .toolbarbutton-icon { \
width: unset !important; \
height: 16px !important; \
} \
`+end_border+`
`;
}
var addonbar_right = '';
if(!addonbar_v_on_the_left) {
addonbar_right =`
#toolbox_abv{ \
order: 10 !important; \
} \
`;
}
if(addonbar_v_togglebutton) {
togglebutton_addonbar_v_style =`
#togglebutton_addonbar_v .toolbarbutton-icon { \
list-style-image: url('chrome://browser/skin/sidebars.svg'); \
fill: green; \
} \
/*#togglebutton_addonbar_v .toolbarbutton-icon { \
list-style-image: url('chrome://browser/skin/forward.svg'); \
fill: red; \
} \
#togglebutton_addonbar_v[checked] .toolbarbutton-icon { \
fill: green; \
} \
#togglebutton_addonbar_v { \
background: url('chrome://browser/skin/back.svg') no-repeat; \
background-size: 35% !important; \
background-position: 10% 70% !important; \
} \
#togglebutton_addonbar_v[checked] { \
transform: rotate(180deg) !important; \
background: url('chrome://browser/skin/back.svg') no-repeat; \
background-position: 10% 30% !important; \
}*/ \
`;
}
var compact_buttons_code = '';
if(compact_buttons)
compact_buttons_code = `
#addonbar_v toolbarbutton .toolbarbutton-icon { \
padding: 0 !important; \
width: 16px !important; \
height: 16px !important; \
} \
#addonbar_v .toolbarbutton-badge-stack { \
padding: 0 !important; \
margin: 0 !important; \
width: 16px !important; \
min-width: 16px !important; \
height: 16px !important; \
min-height: 16px !important; \
} \
#addonbar_v toolbarbutton .toolbarbutton-badge { \
margin-top: 0px !important; \
font-size: 8px !important; \
} \
`;
var uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(''+addonbar_v_style + togglebutton_addonbar_v_style + addonbar_right + compact_buttons_code), null, null);
var sss = Components.classes['@mozilla.org/content/style-sheet-service;1'].getService(Components.interfaces.nsIStyleSheetService);
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
}
}
/* initialization delay workaround */
document.addEventListener('DOMContentLoaded', AddonbarVertical.init(), false);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
AddonbarVertical.init();
},2000);
*/
Alles anzeigen
Nach meinem Editor ist oncklick ab Zeile 108 zu finden.
Ich hoffe es wird sich jemand finden bzw. erbarmen und dieses Script für die Zeit nach oncklick lauffähig zu halten, ich danke schon einmal vorab dafür.
beides Mal, nein.
Deine Verwunderung kann ich verstehen, beide Scripte funktionieren hier ohne Probleme.
Danke, das war's.
Schön das ich helfen konnte.