search

Himalayan-Academy / khm-virtual-tour

Kaua'i Hindu Monastery Virtual Tour web application
0 stars 0 forks source link

Leaflet Icon Bubble - Link to Item page #42

Closed JaiNatha closed 4 years ago

JaiNatha commented 5 years ago

Currently on mobile, the "learn more" link in a icon popup is a little small. Let's to this:

  1. add a line break before the "learn more"
  2. increase the "learn more" font size to 18 or 20px
  3. add an around the item's image so that the image is clickable as well.
Screen Shot 2019-05-23 at 9 20 04 AM Screen Shot 2019-05-23 at 9 19 51 AM
JaiNatha commented 5 years ago

On another look at this, let's try a button.

BUTTON style="line-height: 24px;border-radius: 8px;background-color:#8c3945;padding-left: 10px;padding-right: 10px;margin-top: 4px;margin-left: -2px;"

LINK style="text-decoration: none"

Like this:

Screen Shot 2019-05-23 at 9 36 03 AM Screen Shot 2019-05-23 at 9 36 26 AM
soapdog commented 4 years ago

Fixed!

It is live on devhap, looks like this:

image

Once you approve, I can copy it to the main site.

JaiNatha commented 4 years ago

That'll work