diff options
| author | Jules Laplace <jules@okfoc.us> | 2015-09-07 08:10:08 -0400 |
|---|---|---|
| committer | Jules Laplace <jules@okfoc.us> | 2015-09-07 08:10:08 -0400 |
| commit | a0143db4b36804af71da7820ac6d70c48e635339 (patch) | |
| tree | 29a0c18bc0c9b07ffd5f43e3bbe99db356f71ed0 | |
| parent | 5f8dcf6f299b37f2c46fdbd9b047017fb7dea8fd (diff) | |
mobile css breakpoint
| -rw-r--r-- | public/assets/css/bucky.css | 17 | ||||
| -rw-r--r-- | public/assets/js/lib/views/index/threadbox.js | 4 | ||||
| -rw-r--r-- | views/pages/index.ejs | 6 |
3 files changed, 24 insertions, 3 deletions
diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css index 201e2d4..89709ec 100644 --- a/public/assets/css/bucky.css +++ b/public/assets/css/bucky.css @@ -151,6 +151,10 @@ hr { font-size: 120%; padding: 2px 4px; border-left: 1px solid #b6aeab; border-right: 1px solid #b6aeab; + overflow: hidden; + text-overflow: ellipsis; + max-width: 30vw; + white-space: nowrap; } .threads tr:first-child td:nth-child(2) { border-top: 1px solid #b6aeab; @@ -291,3 +295,16 @@ tr:nth-child(odd) td.comment { background-color: #fcf8f8; } text-align: right; border-top: 1px dotted #888; } + + +@media (max-width: 1024px) { + .threads td:nth-child(3) small { + display: none; + } + .threads td:nth-child(4) { + display: none; + } + .threads .size { + display: none; + } +}
\ No newline at end of file diff --git a/public/assets/js/lib/views/index/threadbox.js b/public/assets/js/lib/views/index/threadbox.js index 9f12411..d9999a5 100644 --- a/public/assets/js/lib/views/index/threadbox.js +++ b/public/assets/js/lib/views/index/threadbox.js @@ -28,9 +28,11 @@ var ThreadBox = View.extend({ var files = hush_null(thread.file_count, "f") var dot = privacy_dot(thread.private) var datetime = verbose_date(thread.lastmodified) + var age = get_age(thread.lastmodified) + var id = thread.id + get_revision(thread) var t = this.template - .replace(/{{id}}/g, thread.id) + .replace(/{{id}}/g, id) .replace(/{{username}}/g, thread.username) .replace(/{{privacy_dot}}/g, dot) .replace(/{{title}}/g, thread.title) diff --git a/views/pages/index.ejs b/views/pages/index.ejs index ceafe74..2e73ca6 100644 --- a/views/pages/index.ejs +++ b/views/pages/index.ejs @@ -52,8 +52,10 @@ {{comments}} </td> <td class="{{show_files}}"> - <span class="{{size_class}}">{{size}}</span> - in + <span class="size"> + <span class="{{size_class}}">{{size}}</span> + in + </span> <span class="{{files_class}}">{{files}}</span> </td> </tr> |