ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Update widget width

This commit is contained in:
Ramon Wenger 2021-10-25 12:31:11 +02:00
parent 348e9198b6
commit bf01143e4c
2 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/MoreOptionsWidget.vue
View File

@ -34,8 +34,7 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import "@/styles/_variables.scss"; @import "~styles/helpers";
@import "@/styles/_mixins.scss";
.more-options { .more-options {
display: flex; display: flex;
@ -58,7 +57,7 @@
} }
&__popover { &__popover {
width: 180px; min-width: 200px;
@include popover-defaults(); @include popover-defaults();
} }
} }

28
client/src/components/portfolio/ProjectEntry.vue
View File

@ -6,13 +6,15 @@
class="project-entry__more" class="project-entry__more"
data-cy="project-entry-more" data-cy="project-entry-more"
v-if="!readOnly"> v-if="!readOnly">
<li class="popover-links__link"><a <li class="popover-links__link">
data-cy="edit-project-entry" <a
@click="editProjectEntry()">Eintrag bearbeiten</a> data-cy="edit-project-entry"
@click="editProjectEntry()">Eintrag bearbeiten</a>
</li> </li>
<li class="popover-links__link"><a <li class="popover-links__link">
data-cy="delete-project-entry" <a
@click="deleteProjectEntry()">Eintrag löschen</a> data-cy="delete-project-entry"
@click="deleteProjectEntry()">Eintrag löschen</a>
</li> </li>
</more-options-widget> </more-options-widget>
@ -46,7 +48,7 @@
props: ['description', 'documentUrl', 'created', 'id', 'readOnly'], props: ['description', 'documentUrl', 'created', 'id', 'readOnly'],
components: { components: {
DocumentBlock, DocumentBlock,
MoreOptionsWidget MoreOptionsWidget,
}, },
methods: { methods: {
@ -59,14 +61,14 @@
mutation: DELETE_PROJECT_ENTRY_MUTATION, mutation: DELETE_PROJECT_ENTRY_MUTATION,
variables: { variables: {
input: { input: {
id: this.id id: this.id,
} },
}, },
update(store, {data: {deleteProjectEntry: {success}}}) { update(store, {data: {deleteProjectEntry: {success}}}) {
if (success) { if (success) {
const query = PROJECT_QUERY; const query = PROJECT_QUERY;
const variables = { const variables = {
slug: projectEntry.$route.params.slug slug: projectEntry.$route.params.slug,
}; };
const data = store.readQuery({query, variables}); const data = store.readQuery({query, variables});
if (data) { if (data) {
@ -74,10 +76,10 @@
store.writeQuery({query, variables, data}); store.writeQuery({query, variables, data});
} }
} }
} },
}); });
} },
} },
}; };
</script> </script>