nomadjimbob / mikioplugin

Mikio Plugin adds a heap of layout and Bootstrap 4 elements that can be used on your DokuWiki pages.
http://dokuwiki.org/plugin:mikioplugin
GNU General Public License v2.0
12 stars 1 forks source link

Is there a way to avoid having the images stretched to the maximum in cards? #32

Closed Elanndelh closed 5 months ago

Elanndelh commented 8 months ago

Hello ! First of all: thank you for this superb plugin, it gives a more modern look to wikis, it's very pleasant. However, I'm having a little trouble getting it to work properly.

My problem

I want to add icons or smileys to cards, but the image restriction settings are not taken into account. This results in a weird effect like the image below. uII3mJaLvG

Code :

<row>
<col 8><card primary>{{image.png?16x16}}</card></col>
<col 4>
<row><card secondary>:-X</card></row>
<row><card danger>Small card</card></row>
<row><col><card success>XS card</card></col><col><card warning>XS card</card></col> <col><card info>XS card</card></col> </row>
</col>
</row>

My request

Is there a way to avoid this stretch?

nomadjimbob commented 8 months ago

There is no easy way to prevent this, but I will fix this in the next release.

For the time being, it can be overridden in the /lib/plugins/mikioplugin/assets/styles.less file by commenting out the .img around line 903 (see image of it commented out).

You may need to refresh your DokuWiki cache.

Screenshot 2024-03-03 at 9 33 11 pm