midgard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Styling of move, delete and split-road buttons

Browse source
This commit is contained in:
Pieter Vander Vennet 2021-10-14 17:38:00 +02:00
parent c2f610df86
commit ff81dab04b
3 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
UI/Popup/DeleteWizard.ts
View file

@ -93,12 +93,12 @@ export default class DeleteWizard extends Toggle {
* The button which is shown first. Opening it will trigger the check for deletions
*/
const deleteButton = new SubtleButton(
Svg.delete_icon_ui().SetStyle("width: 2rem; height: 2rem;"), t.delete.Clone()).onClick(
Svg.delete_icon_ui().SetStyle("width: auto; height: 1.5rem;"), t.delete.Clone()).onClick(
() => {
deleteAbility.CheckDeleteability(true)
confirm.setData(true);
}
).SetClass("w-1/2 float-right");
)
const isShown = new UIEventSource<boolean>(id.indexOf("-") < 0)

7
UI/Popup/MoveWizard.ts
View file

@ -18,11 +18,12 @@ import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig";
import MoveConfig from "../../Models/ThemeConfig/MoveConfig";
import AvailableBaseLayers from "../../Logic/Actors/AvailableBaseLayers";
import {ElementStorage} from "../../Logic/ElementStorage";
import Img from "../Base/Img";
interface MoveReason {
text: Translation | string,
invitingText: Translation | string,
icon: string | BaseUIElement,
icon: BaseUIElement,
changesetCommentValue: string,
lockBounds: true | boolean,
background: undefined | "map" | "photo" | string | string[],
@ -84,14 +85,14 @@ export default class MoveWizard extends Toggle {
const reason = reasons[0]
moveReason.setData(reason)
moveButton = new SubtleButton(
reason.icon,
reason.icon.SetStyle("height: 1.5rem; width: auto;"),
Translations.WT(reason.invitingText).Clone()
).onClick(() => {
currentStep.setData("pick_location")
})
}else{
moveButton = new SubtleButton(
Svg.move_ui(),
Svg.move_ui().SetStyle("height: 1.5rem; width: auto"),
t.inviteToMove.generic.Clone()
).onClick(() => {
currentStep.setData("reason")

2
UI/Popup/SplitRoadWizard.ts
View file

@ -120,7 +120,7 @@ export default class SplitRoadWizard extends Toggle {
}))
// Toggle between splitmap
const splitButton = new SubtleButton(Svg.scissors_ui(), t.inviteToSplit.Clone().SetClass("text-lg font-bold"));
const splitButton = new SubtleButton(Svg.scissors_ui().SetStyle("height: 1.5rem; width: auto"), t.inviteToSplit.Clone().SetClass("text-lg font-bold"));
splitButton.onClick(
() => {
splitClicked.setData(true)