Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-06 10:50:21 +08:00
Code Packages Activity Actions 9

FIX: mobile logo was too wide

Browse source
This commit is contained in:
Jeff Atwood 2015-10-19 23:02:32 -07:00
parent 50d2ba5f8e
commit 722cce7400
2 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/assets/stylesheets/mobile/header.scss
View file

@ -5,12 +5,12 @@
.d-header { .d-header {
#site-logo { #site-logo {
max-width: 155px; max-width: 130px;
} }
// some protection for text-only site titles // some protection for text-only site titles
.title { .title {
max-width: 160px; max-width: 130px;
height: 39px; height: 39px;
overflow: hidden; overflow: hidden;
padding: 0; padding: 0;

14
app/assets/stylesheets/mobile/topic-list.scss
View file

@ -140,6 +140,7 @@
.posts { .posts {
width: 10%; width: 10%;
vertical-align: top;
} }
.age { .age {
@ -236,12 +237,17 @@ tr.category-topic-link {
font-size: 110%; font-size: 110%;
} }
.category-topic-link .num { .category-topic-link {
.num {
white-space: nowrap; white-space: nowrap;
.number { .number {
font-size: 1.071em; font-size: 1.071em;
} }
} }
.topic-excerpt {
width: 110%;
}
}
.posters { .posters {
@ -404,4 +410,10 @@ td .main-link {
font-size: 1.071em; font-size: 1.071em;
padding-top: 2px; padding-top: 2px;
} }
// so the topic excerpt is full width
// as the containing div is 80%
.topic-excerpt {
padding-right: 0;
width: 120%;
}
} }