diff options
| -rw-r--r-- | js/compact-boardlist.js | 41 | ||||
| -rw-r--r-- | stylesheets/style.css | 35 |
2 files changed, 35 insertions, 41 deletions
diff --git a/js/compact-boardlist.js b/js/compact-boardlist.js index 9baefa11..a6a72aec 100644 --- a/js/compact-boardlist.js +++ b/js/compact-boardlist.js @@ -1,48 +1,7 @@ if (device_type == 'desktop') { compact_boardlist = true; - var do_css = function() { - $('#compact-boardlist-css').remove(); - - $('<style type="text/css" id="compact-boardlist-css">\ - .compact-boardlist {\ - padding: 3px;\ - padding-bottom: 0px;\ - }\ - .cb-item {\ - display: inline-block;\ - vertical-align: middle;\ - }\ - .cb-icon {\ - padding-bottom: 1px;\ - }\ - .cb-fa {\ - font-size: 21px;\ - padding: 2px;\ - padding-top: 0;\ - }\ - .cb-cat {\ - padding: 5px 6px 8px 6px;\ - }\ - .cb-menuitem {\ - display: table-row;\ - }\ - .cb-menuitem span {\ - padding: 5px;\ - display: table-cell;\ - text-align: left;\ - border-top: 1px solid rgba(0, 0, 0, 0.5);\ - }\ - .cb-menuitem span.cb-uri {\ - text-align: right;\ - padding-left: 0;\ - }\ - </style>').appendTo($("head")); - }; - do_boardlist = function() { - do_css(); - var categories = []; var topbl = $('.boardlist:first'); diff --git a/stylesheets/style.css b/stylesheets/style.css index 202d6b17..184fef56 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -514,3 +514,38 @@ form.ban-appeal textarea { .theme-catalog div.thread strong { display: block; } +.compact-boardlist { + padding: 3px; + padding-bottom: 0px; +} +.compact-boardlist .cb-item { + display: inline-block; + vertical-align: middle; +} +.compact-boardlist .cb-icon { + padding-bottom: 1px; +} +.compact-boardlist .cb-fa { + font-size: 21px; + padding: 2px; + padding-top: 0; +} +.compact-boardlist .cb-cat { + padding: 5px 6px 8px 6px; +} + +/* styles also used by watch.js */ +.cb-menuitem { + display: table-row; +} +.cb-menuitem span { + padding: 5px; + display: table-cell; + text-align: left; + border-top: 1px solid rgba(0, 0, 0, 0.5); +} +.cb-menuitem span.cb-uri { + text-align: right; + padding-left: 0; +} + |