Befehl #PersonalToolbar geht nicht mehr richtig

  • Firefox-Version
    107
    Betriebssystem
    Win 10

    Hi

    Nach dem Heute ein Upfate von FF war Zieht sich meine #PersonalToolbar leiste sehr nach unten , hab dann versuch die werte zu ändern hatte aber nix gebracht kann mir bitte jemand da helfen hier der Befehl in meiner userChrome.css


    CSS
    #PersonalToolbar, #PlacesToolbarItems { max-height: calc(100px * 15) !important; } #personal-bookmarks, #PlacesToolbar, #PlacesToolbar > hbox { display: block !important; } #PersonalToolbar toolbarbutton { min-height: 20px !important; max-height: 20px !important; } #PlacesToolbarItems { max-height:300px !important; display: flex !important; flex-wrap: wrap !important; overflow-x: visible !important; overflow-y: auto !important; } #PlacesToolbar, #PlacesToolbarItems, #PersonalToolbar > scrollbar { -moz-window-dragging: no-drag !important; } #PlacesToolbar #PlacesChevron { display: none !important; } #library-button { color: red !important; } #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon, #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-outer { fill: red !important; } #downloads-button[progress="true"] > #downloads-indicator-anchor > #downloads-indicator-icon, #downloads-indicator-progress-inner { fill: red !important; } #nav-bar toolbarspring { background: transparent !important; max-width: 20px !important; min-width: 20px !important; width: 20px !important; margin-top: 4px !important; margin-bottom: 4px !important; } .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background { border-top: 3px solid #00ff00 !important; } #titlebar { -moz-box-ordinal-group: 100 !important; } /* space above tabs toolbar */ #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar { margin-top: -1px !important; } /* space for menubar above navigation toolbar (Firefox titlebar) */ #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 50px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav- bar { margin-top: 16px !important; }

    Einmal editiert, zuletzt von firefox online (15. November 2022 um 17:52)

  • firefox online 15. November 2022 um 17:38

    Hat den Titel des Themas von „Befehl #PersonalToolbar“ zu „Befehl #PersonalToolbar geht nicht mehr richtig“ geändert.
  • so ?

    /* Mehrzeilige Lesezeichen-Symbolleiste */


    #PersonalToolbar,

    #PlacesToolbarItems {

    max-height: calc(100px * 15) !important;

    }

    #personal-bookmarks,

    #PlacesToolbar,

    #PlacesToolbar > hbox {

    display: block !important;


    }


    #PersonalToolbar toolbarbutton {

    min-height: 20px !important;

    max-height: 20px !important;

    }


    #PlacesToolbarItems {

    max-height:300px !important;

    display: flex !important;

    flex-wrap: wrap !important;

    overflow-x: visible !important;

    overflow-y: auto !important;

    }


    #PlacesToolbar,

    #PlacesToolbarItems,

    #PersonalToolbar > scrollbar {

    -moz-window-dragging: no-drag !important;

    }


    #PlacesToolbar #PlacesChevron {

    display: none !important;

    }


    #library-button {

    color: red !important;

    }


    #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-icon,


    #downloads-button[attention="success"] > #downloads-indicator-anchor > #downloads-indicator-progress-outer {


    fill: red !important; }


    #downloads-button[progress="true"] > #downloads-indicator-anchor > #downloads-indicator-icon,


    #downloads-indicator-progress-inner {


    fill: red !important;


    }


    #nav-bar toolbarspring {


    background: transparent !important;


    max-width: 20px !important;


    min-width: 20px !important;


    width: 20px !important;


    margin-top: 4px !important;


    margin-bottom: 4px !important;


    }


    .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {

    border-top: 3px solid #00ff00 !important;

    }


    #titlebar {


    -moz-box-ordinal-group: 100 !important;


    }


    /* space above tabs toolbar */


    #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {


    margin-top: -1px !important;


    }


    /* space for menubar above navigation toolbar (Firefox titlebar) */


    #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {


    margin-top: 50px !important;


    }


    #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-


    bar {


    margin-top: 16px !important;


    }

  • so ?

    Nein, sondern so:

  • Bitte mal die markierte Zeile an dieser Stelle bei dir einfügen:

    CSS
    #PlacesToolbarItems {
       max-height:300px !important;
       display: flex !important;
       flex-wrap: wrap !important;
       overflow-x: visible !important;
       overflow-y: auto !important;
       contain: none !important; /* <- neu (FF107) */
    }
  • Bitte mal die markierte Zeile an dieser Stelle bei dir einfügen:

    CSS
    #PlacesToolbarItems {
       max-height:300px !important;
       display: flex !important;
       flex-wrap: wrap !important;
       overflow-x: visible !important;
       overflow-y: auto !important;
       contain: none !important; /* <- neu (FF107) */
    }

    Super hat geklappt vielen Dank