Fix organization profile on mobile devices (#3332)

This commit is contained in:
Morgan Bazalgette 2018-01-10 00:11:01 +01:00 committed by Lauris BH
parent 6070c9a5b8
commit b5fba4cd42
1 changed files with 14 additions and 17 deletions

View File

@ -1,8 +1,8 @@
{{template "base/head" .}} {{template "base/head" .}}
<div class="organization profile"> <div class="organization profile">
<div class="ui container"> {{/* overflow: auto is the clearfix - this avoids the image going beyond
<div class="ui grid"> the container where it is supposed to stay inside. */}}
<div class="ui sixteen wide column"> <div class="ui container" style="overflow: auto">
<img class="ui left" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/> <img class="ui left" id="org-avatar" src="{{.Org.SizedRelAvatarLink 140}}"/>
<div id="org-info"> <div id="org-info">
<div class="ui header"> <div class="ui header">
@ -15,15 +15,12 @@
{{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}} {{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> </div>
</div>
</div>
</div> </div>
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui container"> <div class="ui container">
<div class="ui grid"> <div class="ui mobile reversed stackable grid">
<div class="ui eleven wide column"> <div class="ui eleven wide column">
{{if .IsOrganizationOwner}} {{if .IsOrganizationOwner}}
<div class="text right"> <div class="text right">