aelve/guide
1
1
Fork 0
mirror of https://github.com/aelve/guide.git synced 2024-11-30 11:32:29 +03:00
Code Issues Projects Releases Wiki Activity

Front/fix/category settings dialog (#310)

Browse Source 
* Submit buttons in dialogs moved to right and colored

* Checkboxes grouped

* Fixes opened v-select list items overlaying it's title
This commit is contained in:
avele 2019-07-04 22:17:46 +04:00 committed by GitHub
parent e4e507a8cd
commit 73df6f7563
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/client/App.vue
View File

@ -129,4 +129,8 @@ blockquote {
margin-right: 0;
border-radius: 5px;
}
/* vuetify v-select component when opened almost overlays its title */
.v-menu__content {
margin-top: 5px;
}
</style>

3
front/client/components/AddCategoryDialog.vue
View File

@ -44,9 +44,8 @@
Cancel
</v-btn>
<v-btn
flat
title="Submit"
color="primary"
color="info"
class="add-category-submit-btn"
:disabled="!isValid"
@click.native="submit"

18
front/client/components/AddItemDialog.vue
View File

@ -28,16 +28,6 @@
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn
flat
color="primary"
title="Submit"
class="add-cat-submit"
:disabled="!isValid"
@click.native="submit"
>
Submit
</v-btn>
<v-btn
flat
title="Cancel"
@ -46,6 +36,14 @@
>
Cancel
</v-btn>
<v-btn
color="info"
title="Submit"
:disabled="!isValid"
@click.native="submit"
>
Submit
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>

32
front/client/components/CategoryInfoEdit.vue
View File

@ -39,35 +39,24 @@
v-model="checkboxSections"
label="Pros/cons enabled"
value="ItemProsConsSection"
class="mb-2"
append-icon=""
class="mt-0 hide-v-messages"
/>
<v-checkbox
v-model="checkboxSections"
label="Ecosystem field enabled"
value="ItemEcosystemSection"
class="mb-2"
class="mt-0 hide-v-messages"
/>
<v-checkbox
v-model="checkboxSections"
label="Notes field enabled"
value="ItemNotesSection"
class="mb-2"
class="mt-0 hide-v-messages"
/>
</v-form>
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn
flat
color="primary"
title="Submit"
class="add-cat-submit"
:disabled="!isValid"
@click="updateCategoryInfo"
>
Submit
</v-btn>
<v-btn
flat
title="Cancel"
@ -76,6 +65,14 @@
>
Cancel
</v-btn>
<v-btn
color="info"
title="Submit"
:disabled="!isValid"
@click="updateCategoryInfo"
>
Submit
</v-btn>
</v-card-actions>
</v-card>
</v-dialog>
@ -146,3 +143,10 @@ export default class CategoryInfoEdit extends Vue {
}
}
</script>
<style scoped>
>>> .hide-v-messages .v-messages {
display: none;
}
</style>

3
front/client/components/ConfirmDialog.vue
View File

@ -27,9 +27,8 @@
{{ cancelBtnText }}
</v-btn>
<v-btn
flat
:title="confirmBtnText"
color="primary"
color="info"
@click.native="confirm"
>
{{ confirmBtnText }}