Mobile view of the app not optimized on IPhone #574

Activity

1. syahm1007-dot commented on Mar 30, 2026

   

   syahm1007-dot

   on Mar 30, 2026

   More actions

   @Ijoke2much hey I recently discovered task genius today and ran into the same issue, since my main devices I use for obsidian are my tablet and phone. I managed to fix it with this code (create a CSS snippet and paste it there, it helped fix the task creation issue I had and should fix urs too):

   `/* 1. Center the entire modal wrapper */
   .is-mobile .modal-container {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 20px !important;
   }

   /* 2. Force the Short Height and enable internal scrolling /
   .is-mobile .modal {
   height: 88vh !important; / Adjust this % if you want it longer/shorter /
   max-height: 567px !important;
   position: relative !important;
   top: 0 !important;
   margin: 0 !important;
   display: flex !important;
   flex-direction: column !important;
   overflow: visible !important; / Allows the scrollbar to function */
   }

   /* 3. The Magic Fix: Force the content area to scroll /
   .is-mobile .modal-content {
   flex: 1 1 auto !important;
   overflow-y: auto !important; / Forces vertical scrollbar /
   overflow-x: hidden !important;
   -webkit-overflow-scrolling: touch !important; / Smooth scrolling for mobile /
   max-height: 100% !important;
   padding-bottom: 30px !important; / Extra space so last item isn't cut off */
   }

   /* 4. Ensure the Task Genius specific properties don't stretch the box */
   .is-mobile .modal-content > div {
   max-width: 100% !important;
   }
   `

   Should be good for things to fit on a phone 👍🏻
2. didierlaket commented on Jun 9, 2026

   

   didierlaket

   on Jun 9, 2026

   More actions

   Hello, could you fix this please ? i cannot use the plugin if mobile doesn't work ! It could be even better to have a mobile app. The plugin seems awesome