summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
authorMorgan Bazalgette <git@howl.moe>2018-01-10 00:11:01 +0100
committerLauris BH <lauris@nix.lv>2018-01-10 01:11:01 +0200
commitb5fba4cd426a84927aeac1fac1af3b3c713203ac (patch)
tree27bc5030f6fc24275d520488822e5d5b17cd7155 /templates
parent6070c9a5b8f6a15b1ebcc807d7311d7e0f2f251c (diff)
downloadgitea-b5fba4cd426a84927aeac1fac1af3b3c713203ac.tar.gz
gitea-b5fba4cd426a84927aeac1fac1af3b3c713203ac.zip
Fix organization profile on mobile devices (#3332)
Diffstat (limited to 'templates')
-rw-r--r--templates/org/home.tmpl31
1 files changed, 14 insertions, 17 deletions
diff --git a/templates/org/home.tmpl b/templates/org/home.tmpl
index caef9034bb..0b5ae0facb 100644
--- a/templates/org/home.tmpl
+++ b/templates/org/home.tmpl
@@ -1,21 +1,18 @@
{{template "base/head" .}}
<div class="organization profile">
- <div class="ui container">
- <div class="ui grid">
- <div class="ui sixteen wide column">
- <img class="ui left" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>
- <div id="org-info">
- <div class="ui header">
- {{.Org.DisplayName}}
- {{if .IsOrganizationOwner}}<a class="text grey" href="{{.OrgLink}}/settings"><span class="octicon octicon-gear"></span></a>{{end}}
- </div>
- {{if .Org.Description}}<p class="desc">{{.Org.Description}}</p>{{end}}
- <div class="text grey meta">
- {{if .Org.Location}}<div class="item"><span class="octicon octicon-location"></span> <span>{{.Org.Location}}</span></div>{{end}}
- {{if .Org.Website}}<div class="item"><span class="octicon octicon-link"></span> <a target="_blank" rel="noopener" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
- </div>
- </div>
-
+ {{/* overflow: auto is the clearfix - this avoids the image going beyond
+ the container where it is supposed to stay inside. */}}
+ <div class="ui container" style="overflow: auto">
+ <img class="ui left" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>
+ <div id="org-info">
+ <div class="ui header">
+ {{.Org.DisplayName}}
+ {{if .IsOrganizationOwner}}<a class="text grey" href="{{.OrgLink}}/settings"><span class="octicon octicon-gear"></span></a>{{end}}
+ </div>
+ {{if .Org.Description}}<p class="desc">{{.Org.Description}}</p>{{end}}
+ <div class="text grey meta">
+ {{if .Org.Location}}<div class="item"><span class="octicon octicon-location"></span> <span>{{.Org.Location}}</span></div>{{end}}
+ {{if .Org.Website}}<div class="item"><span class="octicon octicon-link"></span> <a target="_blank" rel="noopener" href="{{.Org.Website}}">{{.Org.Website}}</a></div>{{end}}
</div>
</div>
</div>
@@ -23,7 +20,7 @@
<div class="ui divider"></div>
<div class="ui container">
- <div class="ui grid">
+ <div class="ui mobile reversed stackable grid">
<div class="ui eleven wide column">
{{if .IsOrganizationOwner}}
<div class="text right">