Mobile View

  • Resolved jscongdon

    (@jscongdon)


    5 years, 11 months ago

    I think when you see it, you’ll know.
    The documents listing just doesn’t display well on a mobile phone. Even viewing it on a Samsung Galaxy Note 8.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author bhaldie

    (@bhaldie)

    thanks for the input. Im working on a better mobile experience but not there yet.

    Thread Starter jscongdon

    (@jscongdon)

    Awesome! Sounds good. I just wanted to make sure that it wasn’t a side effect of an error.

    Thanks!

    anonymized-14293447

    (@anonymized-14293447)

    I’m using a solution from this tutorial: ??

    /* Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically. */
@media only screen and (max-width:760px), (min-device-width:768px) and (max-device-width:1024px)  {
/*Force table to not be like tables anymore*/
table, thead, tbody, th, td, tr {display:block;}
/*Hide table headers (but not display: none;, for accessibility)*/
thead tr {position:absolute;top:-9999px;left:-9999px;}
tr {border:0px solid #ccc;}
td {/*Behave like a "row"*/	border:none;border-bottom:0px solid #eee;position:relative;padding-left:50%;}
td:before {/*Now like a table header*/ position:absolute; /*Top/left values mimic padding*/ top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile View’ is closed to new replies.