Style formularzy wyprowadzone z wtyczki do motywu, żeby wszystkie formularze na important.is miały jeden wspólny design.
Jedno źródło prawdy
Wygląd formularzy siedzi teraz wyłącznie w gravity-skin.css w motywie (ładowany na całej stronie). Sekcja GF w tej wtyczce jest celowo pusta, z notatką dlaczego. Dwa źródła prawdy to dokładnie powód, dla którego karty na blogu rozjechały się z /kontakt.
Co naprawione w skinie motywu
- Zgoda RODO (
--type-consent) nie była stylowana w ogóle, więc GF malował etykietę swoim#112337. Na ciemnej karcie kontrast 1,1:1, czyli tekst niewidoczny. Teraz natywny checkbox zaccent-color, kontrast 10,1:1. - Kolory odcięte od tokenów szablonu.
--color-inkznaczy „kolor tekstu na tej podstronie" i zmienia wartość:#edebe7na ciemnym/kontakt,#232323na jasnym blogu. Formularz wędruje między szablonami, więc taki token go psuł. - Kolory odcięte też od przestrzeni nazw GF. Prefiks
--gf-*należy do wtyczki: GF deklaruje--gf-color-primaryna.gform-theme--framework, czyli tym samym elemencie co.gform_wrapper, więc oparcie malowania o tę nazwę zrobiło przycisk niebieskim#204ce5. Nasza paleta to--imp-gf-*.
Weryfikacja na produkcji
/kontakt jest identyczny jak przed zmianą (input 56px, textarea 96px, przycisk 44px pigułka, siatka 14/16, te same kolory), a formularz newslettera na blogu raportuje dokładnie te same wartości.
Uwaga: motyw important-classic nie jest pod kontrolą wersji, więc zmiany skinu nie ma w tym repozytorium. Backup przed zmianą leży na serwerze.