Commit e94a95495f3b7eba6f69deb5f5ea05031b453868
make dropdown work
Ev Bogue committed on 9/19/2016, 8:15:28 PMParent: a2f1f10faf04f3a1a83e74d7ab17e329638d6375
Files changed
| modules/menu.js | changed |
| style.css | changed |
| modules/menu.js | ||
|---|---|---|
| @@ -3,11 +3,11 @@ | ||
| 3 | 3 … | |
| 4 | 4 … | var menu_items = plugs.map(exports.menu_items = []) |
| 5 | 5 … | |
| 6 | 6 … | var status = h('div.status.error') //start off disconnected |
| 7 | - var list = h('div.column', {style: 'display: none;'}) | |
| 7 … | + var list = h('div.menu.column', {style: 'display: none;'}) | |
| 8 | 8 … | |
| 9 | -var menu = h('div.menu.column', status, list , { | |
| 9 … | +var menu = h('div.column', status, list , { | |
| 10 | 10 … | onmouseover: function (e) { |
| 11 | 11 … | list.style.display = 'flex' |
| 12 | 12 … | }, onmouseout: function () { |
| 13 | 13 … | list.style.display = 'none' |
| style.css | ||
|---|---|---|
| @@ -68,32 +68,49 @@ | ||
| 68 | 68 … | margin-bottom: .9em; |
| 69 | 69 … | } |
| 70 | 70 … | |
| 71 | 71 … | input, textarea { |
| 72 | - border: 1px solid #eee; | |
| 72 … | + border: none; | |
| 73 | 73 … | border-radius: .2em; |
| 74 | 74 … | font-family: sans-serif; |
| 75 | 75 … | } |
| 76 | 76 … | |
| 77 … | +textarea { | |
| 78 … | + padding: .5em; | |
| 79 … | +} | |
| 80 … | + | |
| 77 | 81 … | button { |
| 78 | 82 … | background: #fff; |
| 79 | 83 … | color: #666; |
| 80 | - border: 1px solid #ccc; | |
| 84 … | + border: 1px solid #bbb; | |
| 81 | 85 … | border-radius: .5em; |
| 82 | - padding: .5em; | |
| 83 | - margin-top: .2em; | |
| 84 | - margin-bottom: .2em; | |
| 86 … | + padding: .7em; | |
| 87 … | + margin: .5em; | |
| 85 | 88 … | cursor: pointer; |
| 86 | 89 … | text-transform: uppercase; |
| 87 | 90 … | font-weight: bold; |
| 88 | 91 … | font-size: .7em; |
| 89 | 92 … | } |
| 90 | 93 … | |
| 91 | 94 … | button:hover { |
| 92 | 95 … | background: #ccc; |
| 93 | - border: #bbb; | |
| 96 … | + border: 1px solid #bbb; | |
| 94 | 97 … | } |
| 95 | 98 … | |
| 99 … | +.menu { | |
| 100 … | + position: absolute; | |
| 101 … | + top: .5em; | |
| 102 … | + right: .5em; | |
| 103 … | + padding-top: .5em; | |
| 104 … | + padding-bottom: .5em; | |
| 105 … | + padding-right: 1em; | |
| 106 … | + padding-left: 1em; | |
| 107 … | + background: #f5f5f5; | |
| 108 … | + border: 1px solid #eee; | |
| 109 … | + box-shadow: 3px 0px 3px #ccc; | |
| 110 … | + border-radius: .2em; | |
| 111 … | +} | |
| 112 … | + | |
| 96 | 113 … | /* scrolling feeds, threads */ |
| 97 | 114 … | |
| 98 | 115 … | .scroller { |
| 99 | 116 … | width: 100%; |
| @@ -111,10 +128,15 @@ | ||
| 111 | 128 … | .compose { |
| 112 | 129 … | width: 100%; |
| 113 | 130 … | margin-top: .5em; |
| 114 | 131 … | margin-bottom: .5em; |
| 132 … | + box-shadow: #dadada 1px 2px 8px; | |
| 115 | 133 … | } |
| 116 | 134 … | |
| 135 … | +.compose button { | |
| 136 … | + float: right; | |
| 137 … | +} | |
| 138 … | + | |
| 117 | 139 … | /* messages */ |
| 118 | 140 … | |
| 119 | 141 … | .message { |
| 120 | 142 … | display: block; |
Built with git-ssb-web