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