Lenaisten/advent22
1
0
Fork 0
mirror of https://code.lenaisten.de/Lenaisten/advent22.git synced 2024-11-23 00:03:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

move "hover title" to Calendar instead

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-11-09 18:48:13 +00:00
parent 3b22f09a13
commit e5364ff94d
3 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ui/src/components/Calendar.vue
View file

@ -10,6 +10,7 @@
:key="`door-${index}`" :key="`door-${index}`"
:door="door" :door="door"
:visible="store.is_touch_device" :visible="store.is_touch_device"
:title="$advent22.name_door(door.day)"
@click="door_click(door.day)" @click="door_click(door.day)"
/> />
</ThouCanvas> </ThouCanvas>

1
ui/src/components/calendar/CalendarDoor.vue
View file

@ -4,7 +4,6 @@
variant="primary" variant="primary"
:visible="store.is_touch_device || force_visible" :visible="store.is_touch_device || force_visible"
:rectangle="door.position" :rectangle="door.position"
:title="$advent22.name_door(door.day)"
> >
<div class="has-text-danger">{{ door.day }}</div> <div class="has-text-danger">{{ door.day }}</div>
</SVGRect> </SVGRect>

7
ui/src/components/calendar/SVGRect.vue
View file

@ -10,7 +10,7 @@
xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml"
:class="`px-4 is-flex is-align-items-center is-justify-content-center is-size-1 has-text-weight-bold ${extra_classes}`" :class="`px-4 is-flex is-align-items-center is-justify-content-center is-size-1 has-text-weight-bold ${extra_classes}`"
style="height: inherit" style="height: inherit"
v-bind="$attrs" :title="title"
> >
<slot name="default" /> <slot name="default" />
</div> </div>
@ -38,6 +38,10 @@ type BulmaVariant =
default: false, default: false,
}, },
rectangle: Rectangle, rectangle: Rectangle,
title: {
type: String,
required: false,
},
}, },
}) })
export default class extends Vue { export default class extends Vue {
@ -46,6 +50,7 @@ export default class extends Vue {
private variant!: BulmaVariant; private variant!: BulmaVariant;
private visible!: boolean; private visible!: boolean;
public rectangle!: Rectangle; public rectangle!: Rectangle;
public title?: string;
public get extra_classes(): string { public get extra_classes(): string {
let result = this.variant; let result = this.variant;