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 * The button which is shown first. Opening it will trigger the check for deletions
*/ */
const deleteButton = new SubtleButton( 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) deleteAbility.CheckDeleteability(true)
confirm.setData(true); confirm.setData(true);
} }
).SetClass("w-1/2 float-right"); )
const isShown = new UIEventSource<boolean>(id.indexOf("-") < 0) 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 MoveConfig from "../../Models/ThemeConfig/MoveConfig";
import AvailableBaseLayers from "../../Logic/Actors/AvailableBaseLayers"; import AvailableBaseLayers from "../../Logic/Actors/AvailableBaseLayers";
import {ElementStorage} from "../../Logic/ElementStorage"; import {ElementStorage} from "../../Logic/ElementStorage";
import Img from "../Base/Img";
interface MoveReason { interface MoveReason {
text: Translation | string, text: Translation | string,
invitingText: Translation | string, invitingText: Translation | string,
icon: string | BaseUIElement, icon: BaseUIElement,
changesetCommentValue: string, changesetCommentValue: string,
lockBounds: true | boolean, lockBounds: true | boolean,
background: undefined | "map" | "photo" | string | string[], background: undefined | "map" | "photo" | string | string[],
@ -84,14 +85,14 @@ export default class MoveWizard extends Toggle {
const reason = reasons[0] const reason = reasons[0]
moveReason.setData(reason) moveReason.setData(reason)
moveButton = new SubtleButton( moveButton = new SubtleButton(
reason.icon, reason.icon.SetStyle("height: 1.5rem; width: auto;"),
Translations.WT(reason.invitingText).Clone() Translations.WT(reason.invitingText).Clone()
).onClick(() => { ).onClick(() => {
currentStep.setData("pick_location") currentStep.setData("pick_location")
}) })
}else{ }else{
moveButton = new SubtleButton( moveButton = new SubtleButton(
Svg.move_ui(), Svg.move_ui().SetStyle("height: 1.5rem; width: auto"),
t.inviteToMove.generic.Clone() t.inviteToMove.generic.Clone()
).onClick(() => { ).onClick(() => {
currentStep.setData("reason") currentStep.setData("reason")

2
UI/Popup/SplitRoadWizard.ts
View file

@ -120,7 +120,7 @@ export default class SplitRoadWizard extends Toggle {
})) }))
// Toggle between splitmap // 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( splitButton.onClick(
() => { () => {
splitClicked.setData(true) splitClicked.setData(true)