Für später: lx-office-erp.css überschreibt natives <input> styling mit einem pseudo-windows 7 Look, und kann das svg deshalb einfach als Hintergrundbild setzen.
kivitendo.css belässt es aber bei nativer appearance. Sobald man da dann versucht das Hintergrundbild zu ändern, wird die nicht mehr vom Window Toolkit gerendert, sonderm vom Browser mit dessen Standardstylesheet. Ergo muss da die Lupe als inline-block über dem input Feld positioniert werden.
Der gesamte Picker muss sich inline verhalten, die einzelnen Teile darin aber mit spacing Informationen gestyled werden. Dafür ist display: inline-block da. Blöderweise klappt vertical alignment innerhalb eines inline-blocks nur wenn man ein leeresa Pseudoelement vorne vor setzt.
PartPicker styling: Höhe in chrome
Für später: lx-office-erp.css überschreibt natives <input> styling mit
einem pseudo-windows 7 Look, und kann das svg deshalb einfach als
Hintergrundbild setzen.
kivitendo.css belässt es aber bei nativer appearance. Sobald man da dann
versucht das Hintergrundbild zu ändern, wird die nicht mehr vom Window
Toolkit gerendert, sonderm vom Browser mit dessen Standardstylesheet.
Ergo muss da die Lupe als inline-block über dem input Feld positioniert
werden.
Der gesamte Picker muss sich inline verhalten, die einzelnen Teile
darin aber mit spacing Informationen gestyled werden. Dafür ist display:
inline-block da. Blöderweise klappt vertical alignment innerhalb eines
inline-blocks nur wenn man ein leeresa Pseudoelement vorne vor setzt.