Small styling fixes

This commit is contained in:
Arno Deceuninck 2021-07-19 11:47:17 +02:00
parent ac621b28a7
commit 3afc91b3a5
4 changed files with 87 additions and 15 deletions

2
Svg.ts

File diff suppressed because one or more lines are too long

View file

@ -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);

View file

@ -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

Before After
Before After