Skip to content

v3.4.2

Latest

Choose a tag to compare

@lukelocksmith lukelocksmith released this 26 Jul 19:41

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 z accent-color, kontrast 10,1:1.
  • Kolory odcięte od tokenów szablonu. --color-ink znaczy „kolor tekstu na tej podstronie" i zmienia wartość: #edebe7 na ciemnym /kontakt, #232323 na 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-primary na .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.