avatar Tomasza Cekało

MetroUICSSv2

Podejście drugie do styli Metro UI CSS, tym razem wersja v2

Trochę historii

Swego czasu rozwijałem aplikacje do sklepu SharePoint. Aplikacje były napisane w ASP.NET MVC, a ja, jako tak zwany "full stack" musiałem zajmować się trochę front endem. W projektach tych został użyty Metro UI CSS w wersji 2, którą dzisiaj użyję. Co do pozostałych możliwych rozwiązań, to stworzyłem małą listę , która może się jeszcze przydać.

Do roboty

Dokumentacja wersji drugiej tego metro jest dostępna tu a jej kod jest dostępny na github tu . Użycie tej wersji wygląda podobnie, z tą różnicą, że wymaga ona by kontener kontrolek (w dokumentacji element body) miał klasę metro. O dziwo wszystko działa, jedyne co w tej chwili nie pasuje to strzałka od zmiany rozmiaru gridstacka nachodząca na metrową labelkę. Można to poprawić:

 	 .metro .tile .brand .badge,  .metro .tile .tile-status .badge { 	right: 20px;//zamiast 10px } 	 

Działają wszystkie rodzaje kafelków, w tym te z ikonami, zdjęciami i slider. Zmiany wgrane na githuba. W następnym odcinku przerobię stronę na pełnoprawną aplikację. Pozdrawiam.

Web Statistics