Responsive images for mobile [#2707205]

Comment #1

15 April 2016 at 15:16

JonM created an issue. See original summary.

Log in or register to post comments

Comment #2

drupalninja99 CreditAttribution: drupalninja99 at Mediacurrent commented 16 April 2016 at 18:54

What browser are you using? It is working for me locally.

Log in or register to post comments

Comment #3

drupalninja99 CreditAttribution: drupalninja99 at Mediacurrent commented 16 April 2016 at 19:27

Also I have updated the demo site to now use the Drupal 8 build. Before it was using D7.
http://demo.openchurchsite.com/

Log in or register to post comments

Comment #4

drupalninja99 CreditAttribution: drupalninja99 at Mediacurrent commented 16 April 2016 at 19:30

I see the issue is with Firefox. This could be related to a fix I made recently.

Log in or register to post comments

Comment #5

16 April 2016 at 19:40

drupalninja99 committed 435b2ef on 8.x-2.x

Issue #2707205 by drupalninja99, JonM: Responsive images for mobile

Log in or register to post comments

Comment #6

drupalninja99 CreditAttribution: drupalninja99 at Mediacurrent commented 16 April 2016 at 19:41

Status:

Active

» Fixed

I have this fixed in dev. The slideshow container just needed a max-width: 100%; property.

Log in or register to post comments

Comment #7

JonM CreditAttribution: JonM commented 17 April 2016 at 01:36

Is your demo site running the fixed dev version? I still see the issue on there.

On my test site I created two new content types, body + image, body + images.

http://test8.bensonpark.org/node/26 -body + image, scales fine.
http://test8.bensonpark.org/node/27 -body + images, doesn't scale properly, using a different class

so working:

<div data-quickedit-field-id="node/26/field_image/en/full" class="field field--name-field-image field--type-image field--label-above">
    <div class="field__label">Image</div>
              <div class="field__item">  <img src="/sites/default/files/2016-04/195735-custom%5B1%5D%5B1%5D.jpg" width="640" height="320" alt="Holy Eucharist" typeof="foaf:Image" />

</div>

and failing:

  <div class="node__content clearfix">
    <div class="cycle-slideshow" data-cycle-slides="> img, > a">
        <img src="/sites/default/files/2016-04/195735-custom%5B1%5D.jpg" width="640" height="320" alt="Holy Eucharist" typeof="foaf:Image" />


    <div class="cycle-pager"></div>
</div>

If i go into inspector and change div class from cycle-slideshow to field__item it does scale, but not with the border node 26 has.

Tried to install the update, site isn't happy with just the theme, guess cause I use the profile I must wait for that to be updated.