Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

some CSS fixes for mobile sites with text titles

This commit is contained in:
Jeff Atwood 2015-01-01 00:54:53 -08:00
parent 35edfb5b91
commit 911f941da5
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/header.scss
View File

@ -17,7 +17,7 @@
.title {
display: table;
float: left;
height: 40px;
height: 45px;
> a {
display: table-cell;
vertical-align: middle;

11
app/assets/stylesheets/mobile/discourse.scss
View File

@ -106,14 +106,9 @@ blockquote {
width: 90%;
}
// if the logo is text, it can't be too big or small width devices have issues
// somehow the image logo assumption inherits margins from earlier in the CSS stack
// we must remove margins for text site titles
h2#site-text-logo
{
max-width: 135px;
max-height: 1em;
overflow: hidden;
padding: 0;
margin: 5px 0 0 0;
text-overflow: clip;
white-space: nowrap;
margin: 0;
}

13
app/assets/stylesheets/mobile/header.scss
View File

@ -3,15 +3,19 @@
// --------------------------------------------------
.d-header {
padding-left: 10px !important;
padding-right: 10px !important;
#site-logo {
max-width: 122px;
}
.panel {
margin-right: 20px;
// some protection for text-only site titles
.title {
margin-left: 20px;
max-width: 135px;
overflow: hidden;
padding: 0;
text-overflow: clip;
display: block; // table causes clipping fail oddities here
}
.icons {
@ -28,6 +32,7 @@
display:none;
}
}
#main-outlet {
padding-top: 60px;
}