forked from MapComplete/MapComplete
Small styling fixes
This commit is contained in:
parent
ac621b28a7
commit
3afc91b3a5
4 changed files with 87 additions and 15 deletions
2
Svg.ts
2
Svg.ts
File diff suppressed because one or more lines are too long
|
@ -84,10 +84,10 @@ export default class SplitRoadWizard extends Toggle {
|
||||||
)
|
)
|
||||||
|
|
||||||
// Only show the splitButton if logged in, else show login prompt
|
// Only show the splitButton if logged in, else show login prompt
|
||||||
const splitToggle = new Toggle(
|
const loginBtn = t.loginToSplit.Clone()
|
||||||
splitButton,
|
.onClick(() => State.state.osmConnection.AttemptLogin())
|
||||||
t.loginToSplit.Clone().onClick(() => State.state.osmConnection.AttemptLogin()),
|
.SetClass("login-button-friendly");
|
||||||
State.state.osmConnection.isLoggedIn)
|
const splitToggle = new Toggle(splitButton, loginBtn, State.state.osmConnection.isLoggedIn)
|
||||||
|
|
||||||
// Save button
|
// Save button
|
||||||
const saveButton = new Button(t.split.Clone(), () => {
|
const saveButton = new Button(t.split.Clone(), () => {
|
||||||
|
@ -113,19 +113,20 @@ export default class SplitRoadWizard extends Toggle {
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
saveButton.SetClass("block btn btn-primary");
|
saveButton.SetClass("btn btn-primary mr-3");
|
||||||
const disabledSaveButton = new Button("Split here", undefined);
|
const disabledSaveButton = new Button("Split", undefined);
|
||||||
disabledSaveButton.SetClass("block btn btn-disabled");
|
disabledSaveButton.SetClass("btn btn-disabled mr-3");
|
||||||
// Only show the save button if there are split points defined
|
// Only show the save button if there are split points defined
|
||||||
const saveToggle = new Toggle(disabledSaveButton, saveButton, splitPoints.map((data) => data.length === 0))
|
const saveToggle = new Toggle(disabledSaveButton, saveButton, splitPoints.map((data) => data.length === 0))
|
||||||
|
|
||||||
const cancelButton = new Button(Translations.t.general.cancel.Clone(), () => {
|
const cancelButton = Translations.t.general.cancel.Clone() // Not using Button() element to prevent full width button
|
||||||
splitClicked.setData(false);
|
.SetClass("btn btn-secondary mr-3")
|
||||||
splitPoints.setData([]);
|
.onClick(() => {
|
||||||
splitClicked.setData(false)
|
splitPoints.setData([]);
|
||||||
});
|
splitClicked.setData(false);
|
||||||
|
});
|
||||||
|
|
||||||
cancelButton.SetClass("block btn btn-secondary");
|
cancelButton.SetClass("btn btn-secondary block");
|
||||||
|
|
||||||
const splitTitle = new Title(t.splitTitle);
|
const splitTitle = new Title(t.splitTitle);
|
||||||
|
|
||||||
|
|
|
@ -604,5 +604,15 @@
|
||||||
"sources": [
|
"sources": [
|
||||||
"https://commons.wikimedia.org/wiki/File:Media-floppy.svg"
|
"https://commons.wikimedia.org/wiki/File:Media-floppy.svg"
|
||||||
]
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"authors": [
|
||||||
|
"The noun project - Basith Ibrahi"
|
||||||
|
],
|
||||||
|
"path": "scissors.svg",
|
||||||
|
"license": "CC-BY 3.0",
|
||||||
|
"sources": [
|
||||||
|
"https://commons.wikimedia.org/wiki/File:Media-floppy.svg"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
]
|
]
|
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 5.9 KiB After Width: | Height: | Size: 6.8 KiB |
Loading…
Add table
Add a link
Reference in a new issue