Permalink
Browse files

use responsive CSS features of Bootstrap

  • Loading branch information...
1 parent 06729b6 commit 92668bfb0fa5db6f298e5b986ee37de11730c271 @sampsyo committed May 31, 2012
Showing with 11 additions and 61 deletions.
  1. +7 −0 static/loglet.css
  2. +0 −57 static/mobile.css
  3. +3 −3 templates/base.html
  4. +1 −1 templates/log.html
View
@@ -52,3 +52,10 @@ label.after {
display: inline-block;
margin-left: 0.5em;
}
+
+/* For small screens. */
+@media (max-width: 767px) {
+ .level {
+ text-align: left;
+ }
+}
View
@@ -1,57 +0,0 @@
-.container {
- width: 320px !important;
-}
-.main {
- width: 100% !important;
- overflow: hidden;
-}
-.intro {
- padding: 0 7px;
-}
-.sidebar, .detail {
- display: none;
-}
-pre {
- overflow: hidden;
-}
-
-h1 {
- margin: 0 0 0 10px;
- font-size: 1.2em;
-}
-h1 small {
- font-size: 1em;
-}
-
-thead {
- display: none;
-}
-table, tr, td {
- /* Don't format as a table. */
- display: block;
-}
-td {
- border: none !important;
- padding-top: 0 !important;
- padding-bottom: 0 !important;
-}
-tr {
- border-bottom: 1px solid #ddd;
- padding-top: 4px;
- padding-bottom: 4px;
-}
-td.time {
- float: left;
-}
-td.level {
- float: left;
- width: 2em;
- text-align: center;
- padding-left: 4px !important;
- padding-right: 4px !important;
-}
-td.message {
- clear: both;
- font-size: 13px;
- padding-top: 4px !important;
-}
View
@@ -6,10 +6,10 @@
<link rel="stylesheet" type="text/css"
href="{{ url_for('static', filename='bootstrap.css') }}">
<link rel="stylesheet" type="text/css"
- href="{{ url_for('static', filename='loglet.css') }}">
+ href="{{ url_for('static',
+ filename='bootstrap-responsive.css') }}">
<link rel="stylesheet" type="text/css"
- media="screen and (max-device-width: 480px)"
- href="{{ url_for('static', filename='mobile.css') }}">
+ href="{{ url_for('static', filename='loglet.css') }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%- endblock %}
</head>
View
@@ -65,7 +65,7 @@
<div class="row">
<div class="span9 main">
<div class="logtable">
- <div class="row thead">
+ <div class="row thead visible-desktop">
<div class="span2">
<a href="{{ reversed_url }}">
Time

0 comments on commit 92668bf

Please sign in to comment.