sylvainjule / kirby-pagetable

Display subpages in a flexible table section. Kirby 3 only.
MIT License
113 stars 11 forks source link

Amazing plugin: just a little question about the mobile view #70

Closed ktryndchrs closed 2 years ago

ktryndchrs commented 3 years ago

J'ai remarqué que sur le mobile, le tableau affiche la deuxième colonne par défaut. Je me demande s'il est prévu d'ajouter une option permettant de choisir la colonne que l'on souhaite sur cette vue.

Pour le moment, j'ai créé ce "hack" dans le fichier css custom de panel Kirby afin permettre d'afficher la première ligne au lieu de la deuxième sur mobile. (65 em se réfère au breakpoint de ton plugin, ce n'est peut-être pas la solution optimale pour le moment, mais ça marche )

PS : Merci pour tous ces plugins Kirby, ils sont vraiment top !

@media screen and (max-width: 65em) {
  .vgt-table {
    display: flex;
    flex-direction: column;

    & :is(thead, tbody) tr {
      display: flex;
    }
    & thead tr th,
    & tbody tr td {
      display: flex;
      flex: 1;
      padding: .5em;
    }

    :is(thead, tbody) tr :is(td, th):nth-child(1){
      order:0;
      display: flex;
    }

    :is(thead, tbody) tr :is(td, th):nth-child(2){
      display: none !important;
    }

    .pagetable-options-container{
      max-width:80px;
      min-height: 40px;
      height: 40px;
    }

  }

}
sylvainjule commented 2 years ago

C'est ajouté, tu peux choisir la colonne que tu souhaites en ajoutant la propriété mobile: true sur la colonne.

PS: Merci !