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

revert to single "focused" prop

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-01-17 23:58:46 +00:00
parent 740eb574c6
commit 6ffc5f076c
2 changed files with 6 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
ui/src/components/rects/Rect.vue
View file

@ -14,11 +14,7 @@ import { Rectangle } from "./rectangles";
@Options({ @Options({
props: { props: {
selected: { focused: {
type: Boolean,
default: false,
},
highlighted: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
@ -26,19 +22,14 @@ import { Rectangle } from "./rectangles";
}, },
}) })
export default class Rect extends Vue { export default class Rect extends Vue {
private selected!: boolean; private focused!: boolean;
private highlighted!: boolean;
private rectangle!: Rectangle; private rectangle!: Rectangle;
private get classes(): string { private get classes(): string {
let result: string[] = []; let result: string[] = [];
if (this.selected) { if (this.focused) {
result.push("select"); result.push("focus");
}
if (this.highlighted) {
result.push("highlight");
} }
return result.join(" "); return result.join(" ");
@ -54,12 +45,7 @@ rect {
stroke-opacity: 0.9; stroke-opacity: 0.9;
stroke-width: 1; stroke-width: 1;
&.select { &.focus {
fill-opacity: 0.4;
stroke-opacity: 1;
}
&.highlight {
fill: gold; fill: gold;
stroke: yellow; stroke: yellow;
} }

2
ui/src/components/rects/RectPad.vue
View file

@ -19,7 +19,7 @@
/> />
<Rect <Rect
v-if="preview_visible" v-if="preview_visible"
:highlighted="true" :focused="true"
:rectangle="preview_rectangle" :rectangle="preview_rectangle"
/> />
</svg> </svg>