verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 63 Releases Wiki Activity

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
Conversation 0 Commits 3 Files Changed 6 +27 -18
6 changed files with 27 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/LeftMenu.vue
View File

@ -127,7 +127,7 @@ async function togglePinned(item, event) {
<QBtn <QBtn
v-if="item.isPinned === true" v-if="item.isPinned === true"
@click="togglePinned(item, $event)" @click="togglePinned(item, $event)"
icon="vn:pin_off" icon="remove_circle"
size="xs" size="xs"
flat flat
round round
@ -139,7 +139,7 @@ async function togglePinned(item, event) {
<QBtn <QBtn
v-if="item.isPinned === false" v-if="item.isPinned === false"
@click="togglePinned(item, $event)" @click="togglePinned(item, $event)"
icon="vn:pin" icon="push_pin"
size="xs" size="xs"
flat flat
round round
@ -163,7 +163,7 @@ async function togglePinned(item, event) {
<QBtn <QBtn
v-if="item.isPinned === true" v-if="item.isPinned === true"
@click="togglePinned(item, $event)" @click="togglePinned(item, $event)"
icon="vn:pin_off" icon="remove_circle"
size="xs" size="xs"
flat flat
round round
@ -175,7 +175,7 @@ async function togglePinned(item, event) {
<QBtn <QBtn
v-if="item.isPinned === false" v-if="item.isPinned === false"
@click="togglePinned(item, $event)" @click="togglePinned(item, $event)"
icon="vn:pin" icon="push_pin"
size="xs" size="xs"
flat flat
round round
@ -200,13 +200,11 @@ async function togglePinned(item, event) {
</template> </template>
<style> <style>
.pinned .icon-pin, .pinned .q-btn {
.pinned .icon-pin_off {
visibility: hidden; visibility: hidden;
alexm marked this conversation as resolved Outdated
alexandre commented 2023-05-11 05:18:14 +00:00
Outdated
Review
Copy Link

mirar si al poner un icono u otro te genera una clase de css y por ende funciona este código

mirar si al poner un icono u otro te genera una clase de css y por ende funciona este código
} }
.pinned:hover .icon-pin, .pinned:hover .q-btn {
.pinned:hover .icon-pin_off {
visibility: visible; visibility: visible;
} }
</style> </style>

BIN
src/css/fonts/icomoon.eot
View File

Binary file not shown.

6
src/css/fonts/icomoon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 162 KiB

After

Width:  |  Height:  |  Size: 173 KiB

BIN
src/css/fonts/icomoon.ttf
View File

Binary file not shown.

BIN
src/css/fonts/icomoon.woff
View File

Binary file not shown.

23
src/css/icons.scss
View File

@ -26,12 +26,6 @@
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.icon-pin:before {
content: '\e950';
}
.icon-pin_off:before {
content: '\e95b';
}
.icon-frozen:before { .icon-frozen:before {
content: '\e900'; content: '\e900';
} }
@ -56,7 +50,7 @@
.icon-greenery:before { .icon-greenery:before {
content: '\e907'; content: '\e907';
} }
.icon-planta:before { .icon-plant:before {
content: '\e908'; content: '\e908';
} }
.icon-handmade:before { .icon-handmade:before {
@ -401,3 +395,18 @@
.icon-trolley:before { .icon-trolley:before {
content: '\e95c'; 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';
}