Różna szerokość kart w Firefoksie @ Dziennik Yano

09 września 2006, 14:15:10

Różna szerokość kart w Firefoksie

Przy większej ilości otwartych kart ich etykiety są zmniejszane do wartości zdefiniowanej w parametrze browser.tabs.tabMinWidth. Jednak zwiększenie tej wartości przyczyni się do mniejszej ilości widocznych etykiet. Idealnym rozwiązaniem byłoby zwiększenie szerokości tylko aktywnej karty.

Poniższy kod należy dodać do pliku userChrome.css lub skorzystać z rozszerzenia Stylish. Zastosowałem tu jeszcze jedną sztuczkę – minimalnie zwiększyłem szerokość etykiet kart sąsiadujących z aktywną. Jak to wygląda można zobaczyć na zrzucie ekranu.

.tabbrowser-tabs tab[selected="true"]{
 min-width:20em;
}
.tabbrowser-tabs tab[beforeselected="true"],
.tabbrowser-tabs tab[afterselected="true"]{
 min-width:15em;
}

Poprzedni wpis:
Bash.org.pl - ilość głosów Następny wpis:
Strzałki przewijania

Ostatni odwiedzający:

Komentarze do notki Różna szerokość kart w Firefoksie

gandalf powiedział(a):
09 września 2006 o 14:41:48
Swietne!
Pan Szparka powiedział(a):
09 września 2006 o 15:12:43
Zrzut coś n ie działa
Yano powiedział(a):
09 września 2006 o 16:29:38
Zrzut siedzi na ImageShacku i to jego wina. Zauważyłem to już przy ładowaniu.
Spróbuję coś z tym zrobić. -> fixed
luo powiedział(a):
09 września 2006 o 17:34:39
W rzeczywistości nieciekawie to wygląda. Modyfikacja utrudnia prace np z ChalZillą czy grzebanie w opcjach.
Yano powiedział(a):
09 września 2006 o 17:45:30
@luo: Faktycznie. Wcześniej nie zwróciłem na to uwagi.
A jeśli chodzi o wygląd, to jest to rzecz gustu i/lub dobrania odpowiednich wartości – może zamiast 20em dać inną wartość, albo wyróżnić aktywną kartę w inny sposób. Możliwości są ograniczone jedynie znajomością CSS-a.
Pan Szparka powiedział(a):
09 września 2006 o 18:15:57
Rzeczywiście zajesuper
marker powiedział(a):
09 września 2006 o 18:38:01
Nie działa pod IE
radek.kaba powiedział(a):
09 września 2006 o 23:11:18
marker:
"Nie działa pod IE "

- nominacja do komentu tygodnia
Komar powiedział(a):
10 września 2006 o 18:22:58
Wystarczy dodać '.tabbrowser-tabs' przed obiema definicjami, żeby dotyczyło to tylko paska kart, czyli pełny kod:

.tabbrowser-tabs tab[selected="true"]{
min-width:20em;
}
.tabbrowser-tabs tab[beforeselected="true"], tab[afterselected="true"]{
min-width:15em;
}
Komar powiedział(a):
10 września 2006 o 18:52:14
Mała poprawka, pominąłem dodanie jednego '.tabbrowser-tabs'. W pełni poprawny kod to:

.tabbrowser-tabs tab[selected="true"] {
min-width:20em;
}
.tabbrowser-tabs tab[afterselected="true"],
.tabbrowser-tabs tab[beforeselected="true"] {
min-width:15em;
}
Yano powiedział(a):
10 września 2006 o 19:27:03
No i właśnie o to chodzi: pokazać, że niewielkim nakładem sił można zrobić praktycznie wszystko.
Jano87 powiedział(a):
30 czerwca 2007 o 16:50:02
Mam pytanko, nie jestem biegły w RSS, a zainspirowany tym co mi wyszło po wpisaniu podanego powyżej kodu chciałbym zrobić tak, by począwszy od aktywnej karty, każda kolejna z sąsiadujących była coraz krótsza.
czyli coś a la: „after after selected” oraz „before before selected” itd..

Z góry dzięki za pomoc ;-)

Zostaw komentarz

Komentarze nie mające związku z tematem wpisu mogą (ale nie muszą) zostać usunięte. Bezwzględnie będą usuwane komentarze obraźliwe, wulgarne czy reklamowe (także w stylu onet.blog).

W komentarzach możesz korzystać z Markdown.

yano78@jabber.org

09 września 2006, 14:15:10