In the repository url, the text "+RW" is overflowing (the solution )

[piradix]

The text "+RW" is overflowing (to right) in field "URL" of a project (see image)

To avoid it :

• edit file "src/main/java/com/gitblit/wicket/panels/RepositoryUrlPanel.html"
• line 16 <img style="vertical-align: middle;padding: 0px 0px 1px 3px;" wicket:id="accessRestrictionIcon"></img> in the style attributte add max-width:inherit;, you get

  <img style="max-width:inherit; vertical-align: middle;padding: 0px 0px 1px 3px;" wicket:id="accessRestrictionIcon"></img>

• save , recompile and you get (see image 2)

[flaix]

Can you explain to me why this makes a difference? I don't understand how that attribute on the image on the left influences the right border. Also, it seems to help but not really solve the problem completely.

[piradix]

before you have (look red square)

after (if css "max-width:inherit;" is apply on shield image ) (look red square):

I have this problem on Firefox. It's because bootstrap sets the maximum width to "100%" (of the parent) and not to the size of the image!

[flaix]

😆 I really don't know how this works.

The thing is that in the picture I attached the image on the left already has that CSS attribute set. But still the text is not fully in. But I guess I understood enough from you, to guess this is because there is a second image in that line, which also needs to have the attribute set.

[piradix]

The thing is that in the picture I attached the image on the left already has that CSS attribute set. But still the text is not fully in. But I guess I understood enough from you, to guess this is because there is a second image in that line, which also needs to have the attribute set.

yes. there an second image :

<img style="max-width:inherit; vertical-align: middle;padding: 0px 0px 1px 3px;" src="../lock_go_16x16.png" title="push authentifié">