UI/UX: is there a way to enlarge the sign-in button?

My version of HedgeDoc is: 1.10.3

I configured our instance to have Oauth2 sign-in, and in french the sign-in button is not large enough to display the providerName. Would there be any trick to fix that ?

Hi @mose and welcome to the HedgeDoc community!

Unfortunately, there is not much you can do about that in terms of configuration.

If you run HedgeDoc using a docker container, the frontend is already built, so this can’t be changed.
If you run HedgeDoc manually (e.g. with systemd using node directly), you could modify your local copy of the source code. The button label is defined in public/views/shared/signin-modal.ejs. You could for example remove the translated prefix and instead only use the configured auth provider name there.

Since we’re focussing our development efforts on the rewrite HedgeDoc 2.0, we’re probably not going to tackle this in HedgeDoc 1.x anymore. However, in HedgeDoc 2.0 this problem won’t exist anymore.

Hey thanks for your fast reply.

I totally understand that the 1.0 branch is not worth the time anymore. That dirty fix may do the job.

I’m looking forward to have a taste of HedgeDoc 2.0, seems it’s in the pipe for some time now. Keep at it guys ! Much love.

In case anybody encounters the same problem on a manual install, here is what I added to our ansible rules:

- name: Hedgedoc | hack hedgedoc signin button
  tags:
    - hedgedoc-hacks
  ansible.builtin.lineinfile:
    path: /opt/hedgedoc/public/views/shared/signin-modal.ejs
    regexp: '(^.*/auth/oauth2" class="btn btn-lg btn-block btn-social btn-soundcloud")>'
    line: '\1 style="white-space:normal">'
    backrefs: true
  notify: Restart hedgedoc

and it wraps nicely.

1 Like