zmieniamy panel w gnome-shell: przezroczystość, a może by go tak zlikwidować?

Chcąc przejść do edycji panelu (pamiętny nagrany filmik), przeskakujemy cały dział odnośnie PopupMenu, aż do #panel jest to linijka 276 :)

#panel {
color: #ffffff;
background-color: black;
border-image: url("panel-border.svg") 1;
font-size: 10.5pt;
font-weight: bold;
height: 1.86em;
}


Chodzi tutaj oczywiście o kolor panelu, jego linię/kant, tło, wielkość czcionki, jej rodzaj (pogrubiona) czy normalna i wysokość.

I już spieszę z tłumaczeniem: aby zlikwidować panel wystarczy zastąpić w ostatniej opcji em na px i zamiast wartości wstawić 3 lub 4. Spowoduje to zmniejszenie się panelu.

Małe wyjaśnienie!!
Zmniejszając panel w g-s zmniejszamy tak naprawdę tło na które możemy klikać aby przywołać dany element. Co to oznacza?
A no to, że jeśli wykonamy powyższe ustawienie zmniejszające panel - aby kliknąć na dany element na panelu i aktywować go będziemy musieli trzymać kursor przy samej górze i tylko tyle.
To jest jedyny mankament zmniejszonego panelu: obowiązek umieszczenie kursora przy górnym brzegu, a nie jak to jest oryginalnie - na danej ikonce lub opcji.
Ale dzięki temu belka programu wchodzi pod panel.
I tu błąd :)
Belka nie wchodzi pod panel, ona po prostu nie mając oporu który robił panel wchodzi głębiej.
Dlaczego więc widać ikonki i inne elementy, które znajdują się na panelu?
Ponieważ w gnome-shell są one wykazane, a więc muszą one być pokazane w danym miejscu. Ponieważ my nie kasujemy ikonek, nie nakazujemy im się zmniejszyć. One mają własne ustawienia, a my tylko zmniejszyliśmy obszar panelu i tyle :)

Kilka innych ustawień:
>code>.app-menu-icon {
width: 24px;
height: 24px;
}
określenie wielkości ikonek tych po prawej na panelu.

Bardzo ważnymi ustawieniami są te odnoszące się do czcionki.
Ponieważ jeśli "zlikwidowaliście panel" czcionka w momencie staje się nie czytelna pod białą belką.

A odnośnie koloru czcionek i ikonek:

.panel-button {
-natural-hpadding: 12px;
-minimum-hpadding: 6px;
font-weight: bold;
color: #ccc;
transition-duration: 100;
}

.panel-button:hover {
color: white;
text-shadow: black 0px 2px 2px;
}

.panel-button:active,
.panel-button:overview,
.panel-button:focus {
border-image: url("panel-button-border.svg") 10 10 0 2;
background-image: url("panel-button-highlight-wide.svg");
color: white;
text-shadow: black 0px 2px 2px;
}

...

.panel-button:active > .system-status-icon,
.panel-button:checked > .system-status-icon,
.panel-button:focus > .system-status-icon {
icon-shadow: black 0px 2px 2px;
}


Warto w tym miejscu trochę przysiedzieć :)
Zalecam wybór między czarnym i białym. Ponieważ kolorowa tapeta wyłapie nam biały, zaś czarny ukaże się nam w momencie kiedy belka będzie pod danymi elementami :)

i w woli wyjaśnienia: transition-duration: 100; określa rezerwację na dany element miejsca na panelu.

I myślę, że w kolejnej notce zajmiemy się trochę dokładniej ikonkami i samym trybem podglądu okien.