back round 0 view raw

appview/pages: hide profile-card from non-overview pages on mobile #570

merged
opened by oppi.li targeting master from push-pzrysszkwwtk

on medium and above:

  • show profile card on all profile pages

on mobile:

  • show profile card on overview page
  • hide profile card on all other profile pages

Signed-off-by: oppiliappan me@oppi.li

options
unified split
Changed files
+7 -2
appview
pages
templates
layouts
profilebase.html
+7 -2
appview/pages/templates/layouts/profilebase.html 
···

       
9

       
 

       



     

       
10

       
 

       
{{ define "content" }}


     

       
11

       
 

       
  {{ template "profileTabs" . }}


     

       
12

       
-

       
  <section class="bg-white dark:bg-gray-800 p-6 rounded w-full dark:text-white drop-shadow-sm">


     

       
13

       
 

       
    <div class="grid grid-cols-1 md:grid-cols-11 gap-4">


     

       
14

       
-

       
      <div class="md:col-span-3 order-1 md:order-1">


     

       

       

       
     

       

       

       
     

       

       

       
     

       

       

       
     

       
15

       
 

       
        <div class="flex flex-col gap-4">


     

       
16

       
 

       
          {{ template "user/fragments/profileCard" .Card }}


     

       
17

       
 

       
          {{ block "punchcard" .Card.Punchcard }} {{ end }}


     

       
18

       
 

       
        </div>


     

       
19

       
 

       
      </div>


     

       

       

       
     

       
20

       
 

       
      {{ block "profileContent" . }} {{ end }}


     

       
21

       
 

       
    </div>


     

       
22

       
 

       
  </section>


     
···

       
9

       
 

       



     

       
10

       
 

       
{{ define "content" }}


     

       
11

       
 

       
  {{ template "profileTabs" . }}


     

       
12

       
+

       
  <section class="bg-white dark:bg-gray-800 px-2 py-6 md:p-6 rounded w-full dark:text-white drop-shadow-sm">


     

       
13

       
 

       
    <div class="grid grid-cols-1 md:grid-cols-11 gap-4">


     

       
14

       
+

       
      {{ $style := "hidden md:block md:col-span-3" }}


     

       
15

       
+

       
      {{ if eq $.Active "overview" }}


     

       
16

       
+

       
        {{ $style = "md:col-span-3" }}


     

       
17

       
+

       
      {{ end }}


     

       
18

       
+

       
      <div class="{{ $style }} order-1 order-1">


     

       
19

       
 

       
        <div class="flex flex-col gap-4">


     

       
20

       
 

       
          {{ template "user/fragments/profileCard" .Card }}


     

       
21

       
 

       
          {{ block "punchcard" .Card.Punchcard }} {{ end }}


     

       
22

       
 

       
        </div>


     

       
23

       
 

       
      </div>


     

       
24

       
+

       



     

       
25

       
 

       
      {{ block "profileContent" . }} {{ end }}


     

       
26

       
 

       
    </div>


     

       
27

       
 

       
  </section>