zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-28 11:12:30 +02:00
Code Issues Projects Releases Packages Wiki Activity

More improvements to site profile header for mobile

Browse source
This commit is contained in:
Victoria Wang 2014-11-18 18:33:56 -06:00
parent 3066b91af2
commit 5b5cfd84f1
2 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
sass/_project-sass/_project-Main.scss
View file

@ -745,17 +745,34 @@ a.tag:hover {
.report, .report a { .report, .report a {
color: #999; color: #999;
} }
.interior .header-Outro .actions a { .interior .header-Outro .profile-info {
margin-right: 6px; @media (max-device-width:480px), screen and (max-width:800px) {
text-align: center;
padding: 10px 0 15px 0;
}
} }
.interior .header-Outro .actions a:first-of-type { .interior .header-Outro .actions {
margin-left: 0; clear: both;
a {
margin-right: 6px;
}
a:first-of-type {
margin-left: 0;
}
} }
.interior .header-Outro .stats { .interior .header-Outro .stats {
margin-bottom: 1.3em; margin-bottom: 1.3em;
float: left; float: left;
width: 100%; width: 100%;
margin-top: 1.9em; margin-top: 1.9em;
@media (max-device-width:480px), screen and (max-width:800px) {
float: none;
width: 270px;
margin: 0.9em auto 5.5em auto;
text-align: center;
}
} }
.interior .header-Outro .stats strong { .interior .header-Outro .stats strong {
font-size: 1.5em; font-size: 1.5em;
@ -773,6 +790,11 @@ a.tag:hover {
text-align: center; text-align: center;
margin-right: 28px; margin-right: 28px;
color: #84997E; color: #84997E;
@media (max-device-width:480px), screen and (max-width:800px) {
margin: 0;
width: 90px;
}
} }
.interior .header-Outro .stats .stat.tips { .interior .header-Outro .stats .stat.tips {
width: 60px; width: 60px;

2
views/site.erb
View file

@ -18,7 +18,7 @@
</fieldset> </fieldset>
</div> </div>
</div> </div>
<div class="col col-50"> <div class="col col-50 profile-info">
<h2 class="eps title-with-badge"><span><%= site.title %></span> <% if site.supporter? %><a href="/plan" class="supporter-badge" title="Neocities Supporter"></a> <% end %></h2> <h2 class="eps title-with-badge"><span><%= site.title %></span> <% if site.supporter? %><a href="/plan" class="supporter-badge" title="Neocities Supporter"></a> <% end %></h2>
<p class="site-url"><a href="/surf/<%= site.username %>"><%= site.host %></a></p> <p class="site-url"><a href="/surf/<%= site.username %>"><%= site.host %></a></p>
<div class="stats"> <div class="stats">