adding background to topic-list, making max-width larger on extra-info-wrapper, and changing viewport config

This commit is contained in:
Kris Aubuchon 2014-07-02 09:44:03 -04:00
parent a4b7b561dc
commit e0194e69a5
4 changed files with 18 additions and 9 deletions

View file

@ -18,6 +18,7 @@
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid scale-color-diff();
background: rgba($secondary, .8);
> tbody > tr {
&:nth-child(even) {

View file

@ -11,7 +11,15 @@ html {
background-color: $secondary;
overflow-y: scroll;
-webkit-font-smoothing: subpixel-antialiased;
}
height: 100%;
body {
height: 100%;
#main {
height: 100%;
}
}
}
// Links
// --------------------------------------------------

View file

@ -537,10 +537,9 @@ iframe {
.extra-info-wrapper {
float: left;
width: 78%;
max-width: 800px;
max-width: 875px;
.topic-statuses {
i { color: $header_primary; }
i { color: $header_primary; }
.unpinned { color: $header_primary; }
}
.topic-link { color: $header_primary; }
@ -549,14 +548,14 @@ iframe {
@include medium-width {
.extra-info-wrapper {
max-width: 740px;
max-width: 770px;
}
}
@include small-width {
.extra-info-wrapper {
max-width: 680px;
max-width: 720px;
}
}
@ -564,7 +563,7 @@ iframe {
h1 {
margin: 5px 0 0 0;
font-size: 1.6em;
line-height: 1.2em;
line-height: 1.3em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

View file

@ -1,5 +1,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, user-scalable=yes, minimum-scale=0.75, maximum-scale=3.0" />
<meta name="author" content="">
<meta name="generator" content="Discourse <%= Discourse::VERSION::STRING %> - https://github.com/discourse/discourse version <%= Discourse.git_version %>">
@ -11,4 +12,4 @@
<%= render partial: "common/special_font_face" %>
<%= render partial: "common/discourse_stylesheet" %>
<%= discourse_csrf_tags %>
<%= discourse_csrf_tags %>