Fossil SCM
Minor layout/style improvements.
Commit
31c5e1fd86b4445eb3ca0cd751749f606fc715298cfd83e15bd685190b28a5b9
Parent
4c1a2dd4e1f78c8…
2 files changed
+3
-7
+6
-2
+3
-7
| --- src/fossil.page.wikiedit.js | ||
| +++ src/fossil.page.wikiedit.js | ||
| @@ -360,12 +360,12 @@ | ||
| 360 | 360 | this.e.select = sel; |
| 361 | 361 | D.addClass(parentElem, 'wikiedit-page-list-wrapper'); |
| 362 | 362 | D.clearElement(parentElem); |
| 363 | 363 | D.append( |
| 364 | 364 | parentElem, |
| 365 | - D.append(D.span(), "Select a page to edit:"), | |
| 366 | - sel | |
| 365 | + D.append(D.fieldset("Select a page to edit"), | |
| 366 | + sel) | |
| 367 | 367 | ); |
| 368 | 368 | D.attr(sel, 'size', 15); |
| 369 | 369 | D.option(D.disable(D.clearElement(sel)), "Loading..."); |
| 370 | 370 | |
| 371 | 371 | /** Set up filter checkboxes for the various types |
| @@ -399,13 +399,11 @@ | ||
| 399 | 399 | ); |
| 400 | 400 | D.append(fsFilterBody, span); |
| 401 | 401 | }); |
| 402 | 402 | |
| 403 | 403 | /* A legend of the meanings of the symbols we use in |
| 404 | - the OPTION elements to denote certain state. Note that | |
| 405 | - the symbols themselves are *actually* defined in CSS, so if | |
| 406 | - they're changed there they also need to be changed here.*/ | |
| 404 | + the OPTION elements to denote certain state. */ | |
| 407 | 405 | const fsLegend = D.fieldset("Edit status"), |
| 408 | 406 | fsLegendBody = D.div(); |
| 409 | 407 | D.append(fsLegend, fsLegendBody); |
| 410 | 408 | D.addClass(fsLegendBody, 'flex-container', 'flex-column', 'stretch'); |
| 411 | 409 | D.append( |
| @@ -413,17 +411,15 @@ | ||
| 413 | 411 | D.append(D.span(), P.config.editStateMarkers.isModified, |
| 414 | 412 | " = page has local edits"), |
| 415 | 413 | D.append(D.span(), P.config.editStateMarkers.isNew, |
| 416 | 414 | " = page is new/unsaved") |
| 417 | 415 | ); |
| 418 | - | |
| 419 | 416 | D.append( |
| 420 | 417 | parentElem, |
| 421 | 418 | D.append(D.addClass(D.div(), 'fieldset-wrapper'), |
| 422 | 419 | fsFilter, fsLegend) |
| 423 | 420 | ); |
| 424 | - | |
| 425 | 421 | D.append(parentElem, btn); |
| 426 | 422 | btn.addEventListener('click', ()=>this.loadList(), false); |
| 427 | 423 | this.loadList(); |
| 428 | 424 | sel.addEventListener('change', (e)=>P.loadPage(e.target.value), false); |
| 429 | 425 | F.page.addEventListener('wiki-stash-updated', ()=>this.refreshStashMarks(), false); |
| 430 | 426 |
| --- src/fossil.page.wikiedit.js | |
| +++ src/fossil.page.wikiedit.js | |
| @@ -360,12 +360,12 @@ | |
| 360 | this.e.select = sel; |
| 361 | D.addClass(parentElem, 'wikiedit-page-list-wrapper'); |
| 362 | D.clearElement(parentElem); |
| 363 | D.append( |
| 364 | parentElem, |
| 365 | D.append(D.span(), "Select a page to edit:"), |
| 366 | sel |
| 367 | ); |
| 368 | D.attr(sel, 'size', 15); |
| 369 | D.option(D.disable(D.clearElement(sel)), "Loading..."); |
| 370 | |
| 371 | /** Set up filter checkboxes for the various types |
| @@ -399,13 +399,11 @@ | |
| 399 | ); |
| 400 | D.append(fsFilterBody, span); |
| 401 | }); |
| 402 | |
| 403 | /* A legend of the meanings of the symbols we use in |
| 404 | the OPTION elements to denote certain state. Note that |
| 405 | the symbols themselves are *actually* defined in CSS, so if |
| 406 | they're changed there they also need to be changed here.*/ |
| 407 | const fsLegend = D.fieldset("Edit status"), |
| 408 | fsLegendBody = D.div(); |
| 409 | D.append(fsLegend, fsLegendBody); |
| 410 | D.addClass(fsLegendBody, 'flex-container', 'flex-column', 'stretch'); |
| 411 | D.append( |
| @@ -413,17 +411,15 @@ | |
| 413 | D.append(D.span(), P.config.editStateMarkers.isModified, |
| 414 | " = page has local edits"), |
| 415 | D.append(D.span(), P.config.editStateMarkers.isNew, |
| 416 | " = page is new/unsaved") |
| 417 | ); |
| 418 | |
| 419 | D.append( |
| 420 | parentElem, |
| 421 | D.append(D.addClass(D.div(), 'fieldset-wrapper'), |
| 422 | fsFilter, fsLegend) |
| 423 | ); |
| 424 | |
| 425 | D.append(parentElem, btn); |
| 426 | btn.addEventListener('click', ()=>this.loadList(), false); |
| 427 | this.loadList(); |
| 428 | sel.addEventListener('change', (e)=>P.loadPage(e.target.value), false); |
| 429 | F.page.addEventListener('wiki-stash-updated', ()=>this.refreshStashMarks(), false); |
| 430 |
| --- src/fossil.page.wikiedit.js | |
| +++ src/fossil.page.wikiedit.js | |
| @@ -360,12 +360,12 @@ | |
| 360 | this.e.select = sel; |
| 361 | D.addClass(parentElem, 'wikiedit-page-list-wrapper'); |
| 362 | D.clearElement(parentElem); |
| 363 | D.append( |
| 364 | parentElem, |
| 365 | D.append(D.fieldset("Select a page to edit"), |
| 366 | sel) |
| 367 | ); |
| 368 | D.attr(sel, 'size', 15); |
| 369 | D.option(D.disable(D.clearElement(sel)), "Loading..."); |
| 370 | |
| 371 | /** Set up filter checkboxes for the various types |
| @@ -399,13 +399,11 @@ | |
| 399 | ); |
| 400 | D.append(fsFilterBody, span); |
| 401 | }); |
| 402 | |
| 403 | /* A legend of the meanings of the symbols we use in |
| 404 | the OPTION elements to denote certain state. */ |
| 405 | const fsLegend = D.fieldset("Edit status"), |
| 406 | fsLegendBody = D.div(); |
| 407 | D.append(fsLegend, fsLegendBody); |
| 408 | D.addClass(fsLegendBody, 'flex-container', 'flex-column', 'stretch'); |
| 409 | D.append( |
| @@ -413,17 +411,15 @@ | |
| 411 | D.append(D.span(), P.config.editStateMarkers.isModified, |
| 412 | " = page has local edits"), |
| 413 | D.append(D.span(), P.config.editStateMarkers.isNew, |
| 414 | " = page is new/unsaved") |
| 415 | ); |
| 416 | D.append( |
| 417 | parentElem, |
| 418 | D.append(D.addClass(D.div(), 'fieldset-wrapper'), |
| 419 | fsFilter, fsLegend) |
| 420 | ); |
| 421 | D.append(parentElem, btn); |
| 422 | btn.addEventListener('click', ()=>this.loadList(), false); |
| 423 | this.loadList(); |
| 424 | sel.addEventListener('change', (e)=>P.loadPage(e.target.value), false); |
| 425 | F.page.addEventListener('wiki-stash-updated', ()=>this.refreshStashMarks(), false); |
| 426 |
+6
-2
| --- src/style.wikiedit.css | ||
| +++ src/style.wikiedit.css | ||
| @@ -65,17 +65,21 @@ | ||
| 65 | 65 | content: "[+] "; |
| 66 | 66 | } |
| 67 | 67 | body.wikiedit textarea { |
| 68 | 68 | max-width: calc(100% - 1em); |
| 69 | 69 | } |
| 70 | - | |
| 71 | 70 | body.wikiedit .tabs .tab-panel { |
| 71 | + /* Needed for wide diffs */ | |
| 72 | 72 | overflow: auto; |
| 73 | +} | |
| 74 | +body.wikiedit .wikiedit-page-list-wrapper fieldset { | |
| 75 | + padding: 0.25em; | |
| 73 | 76 | } |
| 74 | 77 | body.wikiedit .wikiedit-page-list-wrapper .fieldset-wrapper { |
| 78 | + /* Container for the filter and edit status fieldsets */ | |
| 75 | 79 | display: flex; |
| 76 | 80 | flex-direction: row; |
| 77 | 81 | flex-wrap: wrap; |
| 78 | 82 | align-items: stretch; |
| 79 | 83 | justify-content: stretch; |
| 80 | - margin: 0; | |
| 84 | + margin: 0 0 1em 0; | |
| 81 | 85 | } |
| 82 | 86 |
| --- src/style.wikiedit.css | |
| +++ src/style.wikiedit.css | |
| @@ -65,17 +65,21 @@ | |
| 65 | content: "[+] "; |
| 66 | } |
| 67 | body.wikiedit textarea { |
| 68 | max-width: calc(100% - 1em); |
| 69 | } |
| 70 | |
| 71 | body.wikiedit .tabs .tab-panel { |
| 72 | overflow: auto; |
| 73 | } |
| 74 | body.wikiedit .wikiedit-page-list-wrapper .fieldset-wrapper { |
| 75 | display: flex; |
| 76 | flex-direction: row; |
| 77 | flex-wrap: wrap; |
| 78 | align-items: stretch; |
| 79 | justify-content: stretch; |
| 80 | margin: 0; |
| 81 | } |
| 82 |
| --- src/style.wikiedit.css | |
| +++ src/style.wikiedit.css | |
| @@ -65,17 +65,21 @@ | |
| 65 | content: "[+] "; |
| 66 | } |
| 67 | body.wikiedit textarea { |
| 68 | max-width: calc(100% - 1em); |
| 69 | } |
| 70 | body.wikiedit .tabs .tab-panel { |
| 71 | /* Needed for wide diffs */ |
| 72 | overflow: auto; |
| 73 | } |
| 74 | body.wikiedit .wikiedit-page-list-wrapper fieldset { |
| 75 | padding: 0.25em; |
| 76 | } |
| 77 | body.wikiedit .wikiedit-page-list-wrapper .fieldset-wrapper { |
| 78 | /* Container for the filter and edit status fieldsets */ |
| 79 | display: flex; |
| 80 | flex-direction: row; |
| 81 | flex-wrap: wrap; |
| 82 | align-items: stretch; |
| 83 | justify-content: stretch; |
| 84 | margin: 0 0 1em 0; |
| 85 | } |
| 86 |