Fossil SCM
Minor layout tweaks in /fileedit.
Commit
5a7243c21ce6dcb03d2294af83e9c5dc8e23d5b240cc93e3ed1495180588db61
Parent
a588e55fe7feed2…
2 files changed
+3
-1
+2
-1
+3
-1
| --- src/fossil.page.fileedit.js | ||
| +++ src/fossil.page.fileedit.js | ||
| @@ -418,11 +418,13 @@ | ||
| 418 | 418 | D.append(ciLabelWrapper, |
| 419 | 419 | btnReload, ciLabel), |
| 420 | 420 | selCi, |
| 421 | 421 | filesLabel, |
| 422 | 422 | selFiles, |
| 423 | - btnLoad | |
| 423 | + /* Use a wrapper for btnLoad so that the button itself does not | |
| 424 | + stretch to fill the parent width: */ | |
| 425 | + D.append(D.addClass(D.div(), 'flex-shrink'), btnLoad) | |
| 424 | 426 | ); |
| 425 | 427 | this.loadLeaves(); |
| 426 | 428 | selCi.addEventListener( |
| 427 | 429 | 'change', (e)=>this.loadFiles(e.target.value), false |
| 428 | 430 | ); |
| 429 | 431 |
| --- src/fossil.page.fileedit.js | |
| +++ src/fossil.page.fileedit.js | |
| @@ -418,11 +418,13 @@ | |
| 418 | D.append(ciLabelWrapper, |
| 419 | btnReload, ciLabel), |
| 420 | selCi, |
| 421 | filesLabel, |
| 422 | selFiles, |
| 423 | btnLoad |
| 424 | ); |
| 425 | this.loadLeaves(); |
| 426 | selCi.addEventListener( |
| 427 | 'change', (e)=>this.loadFiles(e.target.value), false |
| 428 | ); |
| 429 |
| --- src/fossil.page.fileedit.js | |
| +++ src/fossil.page.fileedit.js | |
| @@ -418,11 +418,13 @@ | |
| 418 | D.append(ciLabelWrapper, |
| 419 | btnReload, ciLabel), |
| 420 | selCi, |
| 421 | filesLabel, |
| 422 | selFiles, |
| 423 | /* Use a wrapper for btnLoad so that the button itself does not |
| 424 | stretch to fill the parent width: */ |
| 425 | D.append(D.addClass(D.div(), 'flex-shrink'), btnLoad) |
| 426 | ); |
| 427 | this.loadLeaves(); |
| 428 | selCi.addEventListener( |
| 429 | 'change', (e)=>this.loadFiles(e.target.value), false |
| 430 | ); |
| 431 |
+2
-1
| --- src/style.fileedit.css | ||
| +++ src/style.fileedit.css | ||
| @@ -11,10 +11,11 @@ | ||
| 11 | 11 | } |
| 12 | 12 | body.fileedit textarea { |
| 13 | 13 | font-family: monospace; |
| 14 | 14 | flex: 10 1 auto; |
| 15 | 15 | height: initial/*undo damage from some skins*/; |
| 16 | + max-width: initial /* default.css pins it at 95% */; | |
| 16 | 17 | } |
| 17 | 18 | body.fileedit textarea:focus, |
| 18 | 19 | body.fileedit input:focus{ |
| 19 | 20 | /* The sudden appearance of a border (as in the Ardoise skin) |
| 20 | 21 | shifts the layout in unsightly ways */ |
| @@ -147,11 +148,11 @@ | ||
| 147 | 148 | flex-direction: row; |
| 148 | 149 | flex-wrap: wrap; |
| 149 | 150 | align-items: baseline; |
| 150 | 151 | } |
| 151 | 152 | body.fileedit #fileedit-stash-selector select { |
| 152 | - margin: 0; | |
| 153 | + margin: 0 1em; | |
| 153 | 154 | height: initial; |
| 154 | 155 | font-family: monospace; |
| 155 | 156 | flex: 10 1 auto; |
| 156 | 157 | } |
| 157 | 158 | body.fileedit .tab-container > .tabs > .tab-panel { |
| 158 | 159 |
| --- src/style.fileedit.css | |
| +++ src/style.fileedit.css | |
| @@ -11,10 +11,11 @@ | |
| 11 | } |
| 12 | body.fileedit textarea { |
| 13 | font-family: monospace; |
| 14 | flex: 10 1 auto; |
| 15 | height: initial/*undo damage from some skins*/; |
| 16 | } |
| 17 | body.fileedit textarea:focus, |
| 18 | body.fileedit input:focus{ |
| 19 | /* The sudden appearance of a border (as in the Ardoise skin) |
| 20 | shifts the layout in unsightly ways */ |
| @@ -147,11 +148,11 @@ | |
| 147 | flex-direction: row; |
| 148 | flex-wrap: wrap; |
| 149 | align-items: baseline; |
| 150 | } |
| 151 | body.fileedit #fileedit-stash-selector select { |
| 152 | margin: 0; |
| 153 | height: initial; |
| 154 | font-family: monospace; |
| 155 | flex: 10 1 auto; |
| 156 | } |
| 157 | body.fileedit .tab-container > .tabs > .tab-panel { |
| 158 |
| --- src/style.fileedit.css | |
| +++ src/style.fileedit.css | |
| @@ -11,10 +11,11 @@ | |
| 11 | } |
| 12 | body.fileedit textarea { |
| 13 | font-family: monospace; |
| 14 | flex: 10 1 auto; |
| 15 | height: initial/*undo damage from some skins*/; |
| 16 | max-width: initial /* default.css pins it at 95% */; |
| 17 | } |
| 18 | body.fileedit textarea:focus, |
| 19 | body.fileedit input:focus{ |
| 20 | /* The sudden appearance of a border (as in the Ardoise skin) |
| 21 | shifts the layout in unsightly ways */ |
| @@ -147,11 +148,11 @@ | |
| 148 | flex-direction: row; |
| 149 | flex-wrap: wrap; |
| 150 | align-items: baseline; |
| 151 | } |
| 152 | body.fileedit #fileedit-stash-selector select { |
| 153 | margin: 0 1em; |
| 154 | height: initial; |
| 155 | font-family: monospace; |
| 156 | flex: 10 1 auto; |
| 157 | } |
| 158 | body.fileedit .tab-container > .tabs > .tab-panel { |
| 159 |