Orgstruktur search for employees #512
Conversation
There was a problem hiding this comment.
Er ikke så store committen det her, og en del av det som er gjort er bra. Men et par ting jeg ser med det samme at bør fikses:
- Sammenligninga mellom søketermen og ansattnavnet er ikke optimal. Ansattnavnet er lowercaset, men ikke søketermen. Som betyr at hvis du søker med f.eks. stor forbokstav, vil det ikke gi treff. Søketermen bør derfor lowercases, gjerne allerede der staten settes, på linje 44 i
OrganizationStructurePage.tsx, så slipper du lowercase søketermen alle steder du sammenligner. - De stedene hvor du sammenligner søketerm med ansattnavn, setter du fontWeight til bold eller italic. Dette fungerer tilsynelatende, men det er nok fordi italic ikke er en gyldig verdi for fontWeight (italic er dessuten kursiv, og navnene skal ikke være kursive). Denne bør endres til 'normal' istedetfor 'italic', som er mer semantisk rett.
- Jeg syns kanskje ikke fontWeight: bold ble tydelig nok aleine. Har du eksperimentert med å bruke opacity? Tenker f.eks. noe i retning av
opacity={searchTerm.length < 0 ? 1 : node.data.employee.name.toLowerCase().includes(searchTerm) ? 1 : 0.3}? Da vil, hvis du skriver noe, alt som ikke treffer på søketermen bli grået litt ut, og dermed også hjelpe med å fremheve det som treffer. - Til sist et par detaljer på selve søkefeltet. Et par av skjermen jeg har brukt blender vekk bakgrunnsfarga som org.strukturen har så jeg fant faktisk ikke søkefeltet med en gang. Så i tilfelle andre også rammes av den, kunne du satt en border på søkefeltet? Bruk background.darker fra paletten (som er bakgrunnsfargen som brukes på noen av tittellinjene ellers i løsningen. Og kanskje legg på et par ekstra pixler margin mellom slideren og søkefeltet, så de ikke blir fullt så tett på hverandre. 3-5 bør holde.
There was a problem hiding this comment.
Da var mesteparten av det jeg kunne finne addressert, kun en detalj, og det er margin som mangler enda. Jeg synes fortsatt at søkefeltet kommer litt tett på slideren. Hvis du bytter ut linja padding: '4px 7px', med f.eks. marginBottom: '5px',, så skulle vi være i mål. Padding her gjør bare at søkefeltet ser større ut enn andre søkefelt på sida, så den bør egentlig ikke være der med mindre man i et nyere design skulle bestemme seg for å endre alle (som det kanskje kommer noe på i fremtida med det som Alexander har dratt i gang).
Utover den ene detaljen er jeg fornøyd med det jeg ser.
Gi mulighet til søke etter en ansatt i orgstruktur for så å få markert bekreftede søkeresultater i bold (bygger på Maries pr så kan være greit gjøre det ferdig først)