Jump to content

McAtze

Clients
  • Posts

    67
  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Downloads

Release Notes

IPS4 Guides

IPS4 Developer Documentation

Invision Community Blog

Development Blog

Deprecation Tracker

Providers Directory

Forums

Events

Store

Gallery

Posts posted by McAtze

  1. Just now, aXen | 1s2k said:

    Restrict it by using min-width and max-width.

    That would be the best solution.

    1 minute ago, aXen | 1s2k said:

    Remember that the codes at the bottom have the highest priority.

    That makes sense. So i have to set the smallest screen at the bottom and will see.

    Thanks for the hints..

  2. @aXen | 1s2ki woould try to make the Movie App bay Adriano more responsive. So my first choice was so set a fix width for the container for Cast/Crew..

    1439091942_Bildschirmfoto2020-08-17um16_37_55.thumb.png.0c224d709e620625f42b4747025c21b1.png

     

    Then i tried to change the grid on view. So full view 4 items, tablet 2 or 3 items and phone 1 item..

    1004556043_Bildschirmfoto2020-08-17um16_38_34.png.28707ac073a30f39003664fe6afed8eb.png

    But everytime i reloade the page the css isn't working. This is my responsive css:

    @media (max-width: 480px) {
      [data-pageModule="movies"] .ipsList_inline .ipsGrid_span3.profilePath {
        height: 325px;
        max-height: 325px;
      }
      .profilePath img.profileImg,
      .profilePath img.defaultImg {
      	width: 200px;
        height: auto;
      }
    }
    
    @media (max-width: 768px) {
      .cMoviesIndexCarouselItemSidebar {
        min-height: 135px;
        width: 101px;
        overflow: hidden;
      }
      .cMoviesIndexCarouselItemSidebar .cMoviesCarouselItem_info {
        width: 101px;
      }
      .cMoviesIndexCarouselItemSidebar .cMoviesCarouselItem_info a span.cMoviesCarouselTitle {
        padding: 5px;
        max-width: 101px;
      }
      .cMoviesIndexCarouselItemSidebar  .bgmovieCover {
        height: 135px;
      }
      .shelvesList_desc,
      .shelvesList_books,
      .shelvesList_avatar {
       width: 100%!important;
       display: block!important;
       float: none!important;
    
      }
      .ipsDataItem_modCheck {
        margin-top: -10px;
      }
      .cMoviesTable .ipsDataItem_generic .ipsThumb.ipsThumb_medium {
        width: 100%;
        max-width: 100%;
      }
      [data-pageModule="movies"] .ipsApp .ipsGrid > .ipsGrid_span3 { width: 48.93617021276595%; }
    }
    
    @media (max-width: 979px) {
      [data-pageModule="movies"] .ipsDataList.ipsDataList_reducedSpacing .ipsDataItem {
        padding: 10px 10px 20px 10px;
      }
      [data-pageModule="movies"] .ipsDataItem_icon:not( .ipsResponsive_hidePhone ):not( .ipsResponsive_hideTablet ) + .ipsDataItem_main,
      [data-pageModule="movies"] .ipsDataItem_icon:not( .ipsResponsive_hidePhone ):not( .ipsResponsive_hideTablet ) + .ipsDataItem_main  + .ipsDataItem_stats {
        margin-left: 85px !important;
      }
      [data-pageModule="movies"] .ipsApp .ipsGrid > .ipsGrid_span3 { width: 48.93617021276595%; }
      [data-pageModule="movies"] .ipsList_inline .ipsGrid_span3.profilePath { height: 220px; }
      [data-pageModule="movies"] .ipsList_inline .ipsGrid_span3.similar { height: auto; }
    }

     

  3. 4 hours ago, V0RT3X666 said:

    Try @media screen and (max-width.

    That was my first choice. It also doesn't work. Everytime when i have screen smaller then 375px i got the css properties for max-width 979px

    Maybe i should try to use

    @media (min-with: 767px and max-width: 979px)

     

  4. Hi everybody,

    i try to set up some responsive css parts, but it doesn't work as it should or i want.

    I would give some boxes a different height/width on medium and small screens. So i take this:

    @media (max-width: 375px) {
      [data-pageModule="movies"] .ipsList_inline .ipsGrid_span3.profilePath {
        height: 325px;
        max-height: 325px;
      }
    }
    @media (max-width: 979px) {
      [data-pageModule="movies"] .ipsList_inline .ipsGrid_span3.profilePath { height: 220px; }
    }

    But it doesn't work on small screens with max-width: 375px, it always take the large screen. Is there something wrong?

    I thought for screens with max-width 375px take the first one and for bigger screen take the last one.

  5. Hi @batarjal thanks for your great apps. I have a few questions for all of your apps.

    1. Is it possible to change the position for the acp settings, so it isn't shown at first?

    899691033_Bildschirmfoto2020-08-08um11_05_51.png.8e213bdcac9ba6af172d1f7264403920.png

    2. Maybe more a suggestion as a question, but is it possible to generate the description text as first post? So i hadn't write anything else when i create a topic with ThreadStarter?

  6. 51 minutes ago, Adriano Faria said:

    Hard to deal with this kind of stuff. I don’t promise anything. Will wait more and see how it goes.

    You're right. I think the actually version is the best way for everyone.

  7. On 6/12/2020 at 5:12 PM, Adriano Faria said:

    A CD/vinyl app is on my radar. Do you know any API out there to grab the data?

    Of course, the https://www.theaudiodb.com/ 😉

    --------------------------------------------------

    Hey @Adriano Faria, is it possible to force HTTPS when serving the books from Google?

    In the Tabs the shown book covers all served per HTTP and that will break my site in the browser.

    Screenshot 2020-06-13 20.43.34.png

    Screenshot 2020-06-13 20.43.43.png

    Screenshot 2020-06-13 20.44.08.png

×
×
  • Create New...