Commit 57e42e5b authored by Christian Hansen's avatar Christian Hansen Committed by Anton Koch
Browse files

Resolve "mb-dialog-overlay: very long titles are overflowing"

parent 55566235
<template lang="pug">
q-dialog.dialog(
v-model="overlayModel"
:position="xsScreen ? 'bottom' : 'right'"
......@@ -6,36 +7,38 @@
maximized
@input="handleInput"
)
//:style="[{width: overlayInnerWidth}, innerStyleObj]"
q-card.card.mb-bg-bg(
flat
:style="[{width: overlayInnerWidth }]"
:style="[{ width: overlayInnerWidth }]"
:class="[xsScreen ? 'mb-border-t-light' : 'mb-border-l-light']"
)
// overlay header ------------------------------------------------------------------------------------------------
.text-left.mb-border-b-light
q-item.overlay-header.flex.items-center
q-item.overlay-header
// title
q-item-section.mb-subheadline(v-if="label") {{label}}
q-item-section.mb-subheadline(v-else)
slot(name="overlay-header")
q-item-section.mb-subheadline
q-item-label
template(v-if="label")
| {{ label }}
template(v-else) {{ label }}
slot(name="overlay-header")
// close button
q-item-section(avatar)
mb-icon-btn(
v-close-popup
icon-name="east"
:outline="true"
:class="{'rotate-90': xsScreen}"
)
q-item-section(side top)
q-item-label
mb-icon-btn(
v-close-popup
icon-name="east"
:outline="true"
:class="{'rotate-90': xsScreen}"
)
// overlay body --------------------------------------------------------------------------------------------------
q-scroll-area.scroll
.q-pa-md
slot(name="overlay-body")
.q-pa-md
slot(name="overlay-body")
</template>
......@@ -79,10 +82,9 @@ export default {
</script>
<style scoped lang="stylus">
.overlay-header
height 69px
.scroll
height calc(100% - 70px)
.card
@media (max-width $breakpoint-sm-min)
height calc(85vh - 70px)
max-height 85vh
</style>
......@@ -33,6 +33,9 @@
name: 'ProjectsActionsContent',
props: ['props', 'noDelete'],
methods: {
itemInfo (obj) {
this.$emit('itemInfo', obj)
},
deleteItem (obj) {
this.$emit('deleteItem', obj)
}
......
......@@ -14,6 +14,7 @@
:is="`${currentPage}ActionsContent`"
:props="props"
:no-delete="noDelete"
@itemInfo="itemInfo"
@deleteItem="onDeleteItem"
)
......
export default {
title: 'Title',
created: 'Created',
updated: 'Updated',
author: 'Author',
acl: 'ACL',
change_acl: 'Change acl',
collections: 'Collections',
add: 'Add',
add_user: 'Add user',
administration: 'Administration',
notifications: 'Notifications',
remove_selected: 'Remove Selected',
more_info: 'More info',
assets: 'Assets',
author: 'Author',
back: 'Back',
cancel: 'Cancel',
submit: 'Submit',
login: 'Login',
no: 'No',
yes: 'Yes',
options: 'Options',
edit: 'Edit',
delete: 'Delete',
share: 'Share',
change_acl: 'Change acl',
collections: 'Collections',
create: 'Create',
created: 'Created',
delete: 'Delete',
edit: 'Edit',
invite: 'Invite',
members: 'Members',
liveAnnotate: 'Live Annotate',
login: 'Login',
media: 'Media',
add: 'Add',
add_user: 'Add user',
assets: 'Assets',
search: 'Search',
members: 'Members',
more_info: 'More info',
no: 'No',
notifications: 'Notifications',
optional_columns: 'Optional Columns',
options: 'Options',
preview: 'Preview',
optional_columns: 'Optional Columns'
remove_selected: 'Remove Selected',
search: 'Search',
share: 'Share',
submit: 'Submit',
timelineViewer: 'Timeline Viewer',
title: 'Title',
updated: 'Updated',
yes: 'Yes'
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment