Poprawa wyglądu interfejsu

[beata072]

Zrzut: https://i.imgur.com/NjoTBdW.png
1. Jak się pozbyć tego pustego miejsca na pasku kart, tak aby karty były do samego końca paska?
2. Jak się pozbyć tej poziomej, szarej linii pomiędzy paskiem nawigacji i paskiem zakładek?

[krystian3w]

Wywal sobie ten przycisk do restartu stamtąd (spod przycisków minimalizuj, maksymalizuj, zamknij), potem będzie klops jak się źle kliknie. Co do reszty problemów to nie znam rozwiązania jak zrobić rozciągające się na całą szerokość karty czy skąd masz ten pasek.

Przycisk restartu możesz usunąć z opcji dostosowywania interfejsu - powinien być ruchomy lub usunąć plik userChrome.js (zniknie przycisk z ponownym uruchomieniem Firefox) - niepotrzebnie go wrzucałem do paczki a post o bocznym pasku zaktualizowałem w swoich odpowiedziach.

Jak znaleźć identyfikatory elementów interfejsu i ich atrybuty?

Jednokrotne włączenie funkcji na stałe:

Narzędzia Dla twórców witryn Przełącz narzędzia (Ctrl + Shfit + I lub F12) "Dostosuj narzędzia dla programistów i uzyskaj pomoc" (= przycisk z trzema kropkami na końcu paska Narzędzi dla programistów) Ustawienia (F1) Włącz Narzędzia debugowania chrome przeglądarki i dodatków + Włącz debugowanie zdalne

Naciśnij Ctrl+Alt+Shift+I lub otwórz "Narzędzia Dla twórców witryn Narzędzia przeglądarki".

Od teraz możesz sprawdzać zawartość interfejsu użytkownika Firefox w oknie Narzędzia przeglądarki.

"Narzędzia" są dostępne spod przycinku F10 jako wpis na liście lub można je pokratkować jako przycisk hamburgera ("≡").



Wymuszaj wyskakujące okienka, aby pozostać otwarte do wglądu (menu kontekstowe i tym podobne):

Kliknij "Dostosuj narzędzia i uzyskaj pomoc" (= przycisk z trzema kropkami na końcu paska Narzędzi przeglądarki) i wybierz "Wyłącz automatyczne automatyczne ukrywanie wyskakujących okien".

[beata072]

Ale ja nie chcę usuwać przycisku restartu. Tylko zapomniałam go sobie trochę przesunąć

Co do reszty problemów to nie znam rozwiązania jak zrobić rozciągające się na całą szerokość karty czy skąd masz ten pasek.

To jest normalny pasek kart, tylko przesunięty w dół:

Kod: Zaznacz cały

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

A ta szara linia to się pojawiła po aktualizacji do v.61. Wcześniej jej nie było

[krystian3w]

Może wystarczy poszukać nowszego kodu na to i nie będzie trzeba zmieniać koloru linii lub ukrywać jej dodatkowym CSS-em?

[beata072]

https://i.imgur.com/8iolgcs.png - jak tutaj po prawej odznaczam position: relative;, to ta dziwna linia znika. Jednak po ponownym zaznaczeniu tej opcji już się nie pojawia, więc nie wiem o co chodzi i co mam z tym zrobić. Oczywiście po restarcie linia wraca.
Nie mam też pojęcia, co trzeba zrobić, aby karty mogły zajmować całą szerokość paska kart, kiedy jest ich dużo. Nic mi nie mówi to, co pokazują narzędzia przeglądarki po zaznaczeniu owego paska: https://i.imgur.com/PpgHYNe.png

[beata072]

To nikt nie potrafi skutecznie pomóc? O ile tę linię jeszcze mogę zignorować, to zmniejszenie szerokości paska kart jednak dość mi przeszkadza
A może pojawiły się już jakieś dodatki do zmiany wyglądu interfejsu?
Przyznam, że używam FF jeszcze tylko z powodu tego paska na dole, ale jak ma on tak wyglądać, to chyba zrezygnuję. Już chyba w niczym obecnie ta przeglądarka nie jest lepsza od innych

[krystian3w]

Mogę spróbować na paczce CSS-ów zobaczyć czy znajdę linię i co z nią zrobić (zmienić kolor, zrobić przezroczystą, wyzerować, ukryć).

Jak masz w jednym pliku to możesz nawet cały kod wstawić na jakąś wklejkę np. pastebin i wybrać widoczność na unlisted (widoczna dla tych co mają link) i opcjonalnie wygaśnięcie na tydzień, dwa lub miesiąc.

W pole code raczej antyspam zablokuje.

[beata072]

A samo wklejenie userChrome.CSS nie wystarczy?

Kod: Zaznacz cały

#PanelUI-button { position:fixed; top:35px; right:5px;  z-index:2; }

    #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
    #TabsToolbar {-moz-box-ordinal-group:1000!important}
#TabsToolbar {background-color:#B989BF !important}

/* SEPARATOR */



menuseparator {



-moz-appearance: none !important;



list-style-image: none !important;



background: none !important;



border: none !important;



border-top: solid .1px #706f8c !important;

margin-top: 5px;

margin-left: 29px;

margin-right: 40px





}

#star-button { display: none !important; }

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

    .tabbrowser-tab:not([fadein]) {
     max-width: 1px !important;
     min-width: 1px !important;
     max-width: 1px;
     min-width: 1px;
    }
#personal-bookmarks .toolbarbutton-icon {

  display: none !important;

}
toolbarbutton#alltabs-button {
    -moz-binding: url("userChrome.xml#js");
}

Mam jeszcze te pliki .js i userchrome.xml do paska bocznego, ale one raczej nie mają nic wspólnego z tymi problemami. Bardziej chodzi o kod, który przenosi pasek kart w dół, poniżej paska zakładek

[krystian3w]

A już wiem co to za dziadowski pasek - dostał go pasek zakładek i np. obramowania okienkowe dodatków; sam go koloruje na przezroczysty i mam OK ale przy twoim układzie odpada.

Kod: Zaznacz cały

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

Kod: Zaznacz cały

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox > #PersonalToolbar {
  margin-top: -1px;
}

Zobacz czy pierwszy będzie w miarę ok - u mnie brzydko wchodzi na przycisk nawet (nie mam niestety takiego różowego motywu do testu) lub czy zrobienie braku wyświetlenia przesunie wszystko o piksel do góry.

[beata072]

Ten pierwszy kod sprawia, że owa linia robi się różowa i grubsza, ale zmieniłam na kolor #F4F2F2 i teraz jest praktycznie niewidoczna, więc już nie przeszkadza Ale musiałam też zastosować ten drugi kod, bo inaczej kolor linii się nie zmieniał. Dziwne...
W każdym razie dziękuję

Bardziej jednak doskwiera mi ta niewykorzystana przestrzeń na końcu paska kart