Auswahlfeld Pfeil taucht unter in der Desktopanzeige

[jozi]

Hallo,

ist eigentlich noch niemandem aufgefallen, dass der Pfeil bei Auswahlfelder in Shopware 5.3 und früher in der Desktopansicht nicht richtig angezeigt bzw. nach unten verschoben wird?

Nach untersuchen der Seite ist folgendes schuld.

.select-field::after, .js--fancy-select::after {
	width: 30px;
	width: 1.875rem;
	height: 40px;
	height: 2.5rem;
	top: 1px;
	top: .0625rem;
	-webkit-user-select: none;
	user-select: none;
	line-height: 40px;
	max-height: 100%;
	display: block;
	content: "\e612";
	position: absolute;
	right: 0;
	font-size: 5px;
	border-left: 1px solid #fff;
	text-align: center;
	font-family: 'shopware';
	pointer-events: none;
}

Schalte ich hier den Parameter "font-size:5px; aus, passt die Anzeige.

Wo kann ich diesen eintrag entfernen bzw. ändern. So sieht es grässlich aus. Weiß wer eine Lösung?

 

Danke Jozi

 

[FabianMaas]

Hallo Jozi,

mir wird hier nicht ganz klar wo der Pfeil bei Dir untergeht.
Eventuell kannst Du hierzu ein Screenshot hochladen?

Wenn Du selber in deinem Theme anpassungen vornehmen möchtest, schau Dir mal folgende Datei an:
shopware/fields.less at 5.3 · shopware/shopware · GitHub

[jozi]

Hallo Fabian,

leider erst jetzt gesehen und vorher keine Nachricht bzgl. einer Antwort hier erhalten.

 

[jozi]

@jozi schrieb:

Hallo Fabian,

leider erst jetzt gesehen und vorher keine Nachricht bzgl. einer Antwort hier erhalten.

)

 Update:

Wenn ich die Lessdatei ändere (fontsize von  5 px auf 10 px) passt es.

.select-field,
.js–fancy-select {
    &:after {
        .unitize-width(30);
        .unitize-height(40);
        .unitize(top, 1);
        .user-select(none);
        line-height: 40px;
        max-height: 100%;
        display: block;
        content: @sw-icon-arrow-down;
        position: absolute;
        right: 0;
        font-size: 10px;
        border-left: 1px solid @border-color;
        text-align: center;
        font-family: ‚shopware‘;
        pointer-events: none;

        &:hover {
            color: @brand-primary;
        }
    }
}