search

osTicket / osTicket-plugins

Core plugins for osTicket (v1.8+)
GNU General Public License v2.0
149 stars 162 forks source link

Google Authenticator input field looks ackward #192

Open ArthurBorsboom opened 3 years ago

ArthurBorsboom commented 3 years ago

Although the Google Authenticator plugin works as expected, the login form input field for the agents looks a weird on Chromium.

The out of the box login form looks good. 2020-12-30-104354_1044x596_scrot

The Google Authentictor validation after the agent login field looks too long. 2020-12-30-104430_875x599_scrot

JediKev commented 3 years ago

@ArthurBorsboom

Yes, the textbox is within a <form> tag so it's aligned within that element. We can look at adding a transform property or something to scoot it over.

Cheers.

JediKev commented 3 years ago

@ArthurBorsboom

To test please inspect the page in Chromium, find and click on the <input> of the textbox, go to the Styles tab, and put the following property transform: translateX(-8%);. Once you do this it should be moved over to the left.

Cheers.

ArthurBorsboom commented 3 years ago

It looks definitely better, but it is not perfectly centered (if that was the aim).

2020-12-30-163523_1687x586_scrot

JediKev commented 3 years ago

@ArthurBorsboom

Okay, your box is a little different than mine for some reason. We will have to look further into this to come up with a better solution.

Cheers.

ArthurBorsboom commented 3 years ago

There are two 'customizations' in the login form.

One is the company logo and the other one is the background image. Both are uploaded by the normal web interface of osTicket.

Maybe this influences the layout.