git ssb

16+

Dominic / patchbay



Commit 2a3b514162af82f82e2d8b229bcf5db9c72bbc96

Browse Files

Merge branch 'css2'

Dominic Tarr committed on 10/24/2016, 8:42:03 PM
Parent: 6b419928e2e49bc866e8d0b72330f7c9aa29b015
Parent: 284556a70f015070fc5347c4be311d5c8a7b83a9

Files changed

modules/menu.jschanged
modules/message-confirm.jschanged
style.csschanged
modules/menu.jsView
@@ -3,11 +3,11 @@
33 …
44 … var menu_items = plugs.map(exports.menu_items = [])
55 …
66 … 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;'})
88 …
9-var menu = h('div.menu.column', status, list , {
9 …+var menu = h('div.column', status, list , {
1010 … onmouseover: function (e) {
1111 … list.style.display = 'flex'
1212 … }, onmouseout: function () {
1313 … list.style.display = 'none'
modules/message-confirm.jsView
@@ -14,14 +14,14 @@
1414 …
1515 … var lb = lightbox()
1616 … document.body.appendChild(lb)
1717 …
18- var okay = h('button', 'okay', {onclick: function () {
18 …+ var okay = h('button', 'Publish', {onclick: function () {
1919 … lb.remove()
2020 … publish(content, cb)
2121 … }})
2222 …
23- var cancel = h('button', 'cancel', {onclick: function () {
23 …+ var cancel = h('button', 'Cancel', {onclick: function () {
2424 … lb.remove()
2525 … cb(null)
2626 … }})
2727 …
style.cssView
@@ -5,8 +5,19 @@
55 … * {
66 … word-break: break-word;
77 … }
88 …
9 …+a:link, a:visited, a:active {
10 …+ color: #0088cc;
11 …+ text-decoration: none;
12 …+}
13 …+
14 …+a:hover,
15 …+a:focus {
16 …+ color: #005580;
17 …+ text-decoration: underline;
18 …+}
19 …+
920 … .screen {
1021 … position: absolute;
1122 … top: 0px; bottom: 0px;
1223 … left: 0px; right: 0px;
@@ -70,9 +81,59 @@
7081 … margin-bottom: .9em;
7182 … }
7283 …
7384 … input, textarea {
85 …+ border: none;
86 …+ border-radius: .2em;
87 …+ font-family: sans-serif;
88 …+}
89 …+
90 …+input:focus, .compose:focus, .message:focus, button:focus {
91 …+ outline: none;
92 …+ border-color: #0088cc;
93 …+ box-shadow: 0 0 4px #0088cc;
94 …+}
95 …+
96 …+textarea {
97 …+ padding: .5em;
98 …+}
99 …+
100 …+textarea:focus {
101 …+ outline: none;
102 …+ border-color: none;
103 …+ box-shadow: none;
104 …+}
105 …+
106 …+button {
107 …+ background: #fff;
108 …+ color: #666;
109 …+ border: 1px solid #bbb;
110 …+ border-radius: .5em;
111 …+ padding: .7em;
112 …+ margin: .5em;
113 …+ cursor: pointer;
114 …+ text-transform: uppercase;
115 …+ font-weight: bold;
116 …+ font-size: .7em;
117 …+}
118 …+
119 …+button:hover {
120 …+ background: #ccc;
121 …+ border: 1px solid #bbb;
122 …+}
123 …+
124 …+.menu {
125 …+ position: absolute;
126 …+ top: .5em;
127 …+ right: .5em;
128 …+ padding-top: .5em;
129 …+ padding-bottom: .5em;
130 …+ padding-right: 1em;
131 …+ padding-left: 1em;
132 …+ background: #f5f5f5;
74133 … border: 1px solid #eee;
134 …+ box-shadow: 3px 0px 3px #ccc;
135 …+ border-radius: .2em;
75136 … }
76137 …
77138 … /* scrolling feeds, threads */
78139 …
@@ -90,20 +151,41 @@
90151 … /* compose */
91152 …
92153 … .compose {
93154 … width: 100%;
155 …+ margin-top: .5em;
156 …+ margin-bottom: .5em;
157 …+ box-shadow: #dadada 1px 2px 8px;
94158 … }
95159 …
160 …+.compose button {
161 …+ float: right;
162 …+}
163 …+
96164 … /* messages */
97165 …
98166 … .message {
99167 … display: block;
100168 … flex-basis: 0;
101169 … word-wrap: break-word;
102170 … display: inline-block;
103- border: 1px solid #eee;
171 …+ margin-bottom: 1em;
172 …+ padding: 0.3rem;
173 …+ border-radius: 2px;
174 …+ box-shadow: #dadada 1px 2px 8px;
104175 … }
105176 …
177 …+.message_content div > span {
178 …+ font-size: 0.8rem;
179 …+ margin-bottom: 0.7rem;
180 …+ display: block;
181 …+ color: #888;
182 …+}
183 …+
184 …+.message_content div > span a {
185 …+ color: #005d8c;
186 …+}
187 …+
106188 … .message_meta input {
107189 … font-size: .8em;
108190 … }
109191 …
@@ -158,18 +240,25 @@
158240 … padding-left: -2em;
159241 … }
160242 …
161243 … .suggest-box .selected {
162- background: yellow;
244 …+ background: #eee;
163245 … }
164246 …
165247 … .suggest-box {
166248 … width: max-content;
167249 … background: white;
250 …+ border-radius: 1em;
168251 … }
169252 …
170253 … /* avatar */
171254 …
255 …+.avatar--large,
256 …+.avatar--thumbnail,
257 …+.avatar--fullsize {
258 …+ border: 1px solid #eee;
259 …+}
260 …+
172261 … .avatar {
173262 … display: flex;
174263 … flex-direction: row;
175264 … }
@@ -205,23 +294,37 @@
205294 … /* lightbox - used in message-confirm */
206295 …
207296 … .lightbox {
208297 … overflow: auto;
209- padding: 1em;
210- background: white;
298 …+ padding: 1.5em;
299 …+ margin-top: 3em;
300 …+ margin-bottom: 3em;
301 …+ width: 600px;
302 …+ background: #f5f5f5;
303 …+ margin-left: auto;
304 …+ margin-right: auto;
305 …+ border: 1px solid #eee;
306 …+ border-radius: .2em;
307 …+ box-shadow: #dadada 1px 2px 8px;
211308 … }
212309 …
213310 … /* searchprompt */
214311 …
215312 … .searchprompt {
216- width: 100%;
217- height: 2.55em;
313 …+ float: left;
314 …+ width: 85%;
315 …+ height: 2em;
316 …+ margin-top: .3em;
317 …+ border-radius: 1em;
318 …+ padding-left: .2em;
319 …+ margin-left: 1em;
320 …+ margin-right: 1em;
218321 … }
219322 …
220323 … /* TextNodeSearcher highlights */
221324 …
222325 … .highlight {
223- background: yellow;
326 …+ background: #f5f5f5;
224327 … }
225328 …
226329 … /* avatar editor */
227330 …
@@ -248,22 +351,15 @@
248351 … width: .7em;
249352 … height: .7em;
250353 … margin: .7em;
251354 … border-radius: 100%;
252- background: green;
355 …+ background: #08c;
253356 … }
254357 …
255358 … .error {
256359 … background: red;
257360 … }
258361 …
259-/* invite codes */
260-
261-.hyperprogress__liquid {
262- height: 1ex;
263- background: blue;
264-}
265-
266362 … /* themes */
267363 …
268364 … .theme {
269365 … margin-left: 1ex;
@@ -276,10 +372,11 @@
276372 …
277373 … /* tabs */
278374 …
279375 … .header {
280- background: lightgray;
281- border-bottom: 2px inset;
376 …+ background: #f5f5f5;
377 …+ border-bottom: 1px inset;
378 …+ box-shadow: 3px 0px 3px #ccc;
282379 … flex-shrink: 0;
283380 … }
284381 …
285382 … .header__tabs {
@@ -307,35 +404,39 @@
307404 … }
308405 …
309406 … .hypertabs__tab {
310407 … color: black;
311- background: lightgray;
312- border-right: 1px solid #ccc;
408 …+ background: #f5f5f5;
313409 … border-top-left-radius: 5px;
314410 … margin-left: -3px;
315411 … border-bottom: none;
316- padding-top: .35em;
317- padding-left: .5em;
412 …+ padding-top: .56em;
413 …+ padding-left: 1em;
414 …+ border-left: 1px solid #ddd;
318415 … width: 100%;
319416 … }
320417 …
321418 … .hypertabs__tab > a {
322- color: black;
419 …+ color: #666;
323420 … text-decoration: none;
324421 … white-space: nowrap;
422 …+ font-size: .9em;
325423 … }
326424 …
327425 … .hypertabs--selected {
328- background: #E7E7E7;
329- border-top-right-radius: 3px;
426 …+ font-weight: bold;
427 …+ background: #eee;
428 …+ border-top-right-radius: 5px;
330429 … z-index: 1;
331430 … }
332431 …
333432 … .hypertabs__x {
334433 … display: none;
335- transform: translate(-5px, -3px);
434 …+ transform: translate(-4px, -3px);
336435 … }
337436 …
338437 … .hypertabs--selected .hypertabs__x {
339438 … display: block;
340439 … }
341440 …
441 …+
442 …+

Built with git-ssb-web