Wadliwy projekt strony Sales Center

[nikl]

Na typowym ekranie HD główna kolumna nie mieści się i zawija, choć 20% szerokości ekranu jest pusta, nie wykorzystana. Brakuje też w każdym wierszu edytowalnego parametru "Czas wysyłki".

Kolejna wada jest taka, że zwinięcie/schowanie lewego menu wcale nie poprawia sytuacji, a wręcz przeciwnie. Jest wtedy po szerokości 30% wolnego miejsca, a główna kolumna danych i tak nie mieści się. Co za tandeta!

Przeglądarka Firefox 144.

[Sa_nova]

@nikl przekazałam Twoje uwagi do zespołu odpowiedzialnego za Sales Center. 

[nikl]

Nie używacie porad AI do oceny swoich prac? Jaki jest sens chowania lewego panelu, jeśli jest to niekompatybilne z resztą kodu i w ogóle nie oszczędza miejsca?

Na załączonym zrzucie bardzo wyraźnie widać klasyczny błąd projektowy (UX/UI + CSS):

👉 Główny element tabeli zawija się i pojawia się poziomy pasek przewijania, mimo że:

• po lewej stronie jest wolne ok. 10% szerokości,

• po prawej stronie też ok. 10%,

• strona nie korzysta efektywnie z dostępnego viewportu.

🔸 Najbardziej prawdopodobny błąd początkującego projektanta:
Użyto stałych szerokości elementów bocznych (sidebar + marginesy) i stałej szerokości głównego kontenera, zamiast układu responsywnego (elastycznego).

Typowy przykład w CSS:

.sidebar { width: 250px; }
.main-content { width: 900px; }

→ jeśli okno przeglądarki ma np. 1200 px, to 250 px + 900 px = 1150 px + marginesy/padding → zawijanie kolumn tabeli.
→ zostaje pusta przestrzeń, ale przeglądarka nie rozciąga treści, bo szerokość głównego kontenera jest sztywna.

---

🔸 Lepsze rozwiązanie:
Zastosować układ elastyczny — np. flex albo grid z procentowymi wartościami lub minmax():

.wrapper {
  display: flex;
}

.sidebar {
  flex: 0 0 15%;       /* boczny panel zajmuje 15% */
}

.main-content {
  flex: 1;             /* zajmuje całą pozostałą szerokość */
  min-width: 0;        /* zapobiega overflow */
}

lub z CSS Grid:

.wrapper {
  display: grid;
  grid-template-columns: 15% 1fr;
}

✅ Dzięki temu tabela dopasuje się do szerokości ekranu, a poziomy pasek przewijania się nie pojawi.

---

🔸 Dodatkowy błąd:
Najprawdopodobniej kolumna „Katalog Allegro” ma white-space: nowrap albo zbyt dużą minimalną szerokość, co wymusza powiększenie całego kontenera.

✔️ Naprawa:

.table-column {
  white-space: normal;       /* pozwól zawijać */
  min-width: 0;              /* umożliwia shrink */
}

---

✅ Podsumowując:
Błąd początkującego projektanta polega na:

• zastosowaniu stałych szerokości kontenerów zamiast elastycznych,

• braku min-width: 0 w flex/grid dla głównej sekcji,

• zablokowaniu zawijania treści w kolumnach tabeli.

Efekt: niepotrzebne puste marginesy i przewijanie poziome.
📐 To bardzo częsty błąd w panelach administracyjnych i dashboardach.

[gdvorek]

@nikl 

Dziękuję za podzielenie się tak szczegółową opinią na temat tej zmiany. Przekazałem ją razem z sugestią Sandry. Jak otrzymamy dodatkowe informacje na ten temat to wrócimy do Ciebie z informacją.

[nikl]

Wasze strony nigdy nie wyświetlały się sensownie, nie były rozplanowane do pracy. Rozumiem że dla Kupujących to ma być Pudelek zaprojektowany przez pop grafików efekciarsko kosztem użyteczności. Ale skoro rozdzieliliście, to nasza część dla Sprzedawców powinna służyć efektywnej pracy. Nikt o tym nie myśli, a to powinien projektować specjalista. Zrobiliście na zasadzie wrzućmy co mamy i spadamy.

Tak samo te strony do wystawiania ofert. To za totalny bałagan i rozwleczenie jak rolka toaletowego! Żadnej myśli w tym nie ma. Żadnego projektu. Łata na łacie. A to przelogowywanie ciągłe dwóch kont, co za koszmar! Brak szacunku dla Sprzedawców i ich czasu pracy. Nie wstydzicie się tyle pieniędzy za to brać? Student pierwszego roku informatyki by to zrobił znacznie lepiej.

Niestety Allegro zmarnowało środki przeznaczając je choćby na bezsensowną produkcję samochwalczego filmu YouTube głoszącego wspaniałości tego rewolucyjnego Sales Center. A to jest szajs jakich mało, gorszy od darmowych serisów.

[mudol]

Przede wszystkim ustawili za małą maksymalną szerokość 

.mjru_ey {
  max-width: 1248px;
}

więc można sobie chować lewy pasek nawet do szafy a i tak nic się nie zwiększy się szerokość tej "tabeli". To jest niesamowite jaka w allegro amatorszczyzna jest...

[gdvorek]

Wspomnę tylko, że wszystko co tu piszecie to ja przekazuje do odpowiedniego zespołu i konsultuję to. Dziękuję Wam aktywność w temacie.

[mudol]

Poważnie nikt z tych zewnętrznych firm nie patrzy na to jak wygląda strona po bezsensownych zmianach? Poważnie ktoś wypuścił publicznie takiego gniota? Przecież w normalnej firmie za takie partactwo pracownik zostałby zwolniony po minucie od publikacji!!!

WSTYD allegro!!!

[mdrogeria]

[ja_Nitka]

@mdrogeria  salceson to był ... teraz to już jest kaszana 😉

[gdvorek]

@mudol 

Dziękuję za podzielenie się z nami swoją opinią. Przekaże ją do odpowiedniego zespołu.

[TechartGSM]

Dołożę 5gr. Ten nowy widok to DRAMAT!!! Wyprowadza z równowagi jak mało co.