fix(icon): pin and pin_off #53

Merged
alexm merged 3 commits from fix_env into test 2023-05-11 06:59:05 +00:00
6 changed files with 27 additions and 18 deletions

View File

@ -127,7 +127,7 @@ async function togglePinned(item, event) {
<QBtn
v-if="item.isPinned === true"
@click="togglePinned(item, $event)"
icon="vn:pin_off"
icon="remove_circle"
size="xs"
flat
round
@ -139,7 +139,7 @@ async function togglePinned(item, event) {
<QBtn
v-if="item.isPinned === false"
@click="togglePinned(item, $event)"
icon="vn:pin"
icon="push_pin"
size="xs"
flat
round
@ -163,7 +163,7 @@ async function togglePinned(item, event) {
<QBtn
v-if="item.isPinned === true"
@click="togglePinned(item, $event)"
icon="vn:pin_off"
icon="remove_circle"
size="xs"
flat
round
@ -175,7 +175,7 @@ async function togglePinned(item, event) {
<QBtn
v-if="item.isPinned === false"
@click="togglePinned(item, $event)"
icon="vn:pin"
icon="push_pin"
size="xs"
flat
round
@ -200,13 +200,11 @@ async function togglePinned(item, event) {
</template>
<style>
.pinned .icon-pin,
.pinned .icon-pin_off {
.pinned .q-btn {
visibility: hidden;
}
.pinned:hover .icon-pin,
.pinned:hover .icon-pin_off {
.pinned:hover .q-btn {
visibility: visible;
}
</style>

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 162 KiB

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

Binary file not shown.

View File

@ -26,12 +26,6 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-pin:before {
content: '\e950';
}
.icon-pin_off:before {
content: '\e95b';
}
.icon-frozen:before {
content: '\e900';
}
@ -56,7 +50,7 @@
.icon-greenery:before {
content: '\e907';
}
.icon-planta:before {
.icon-plant:before {
content: '\e908';
}
.icon-handmade:before {
@ -401,3 +395,18 @@
.icon-trolley:before {
content: '\e95c';
}
.icon-agency-term:before {
content: '\e950';
}
.icon-client-unpaid:before {
content: '\e95b';
}
.icon-trolley:before {
content: '\e95c';
}
.icon-grafana:before {
content: '\e965';
}
.icon-troncales:before {
content: '\e967';
}