improved theme-related stuff on mobile somewhat (except shadow editor)
This commit is contained in:
parent
f24f164995
commit
dba63e6825
10 changed files with 160 additions and 89 deletions
|
|
@ -138,8 +138,11 @@ export default {
|
|||
if (!props) return
|
||||
const active = this.activeIndex === index
|
||||
const classes = [ active ? 'active' : 'hidden' ]
|
||||
if (props.fullHeight) {
|
||||
classes.push('full-height')
|
||||
if (props.fullHeight || props['full-height']) {
|
||||
classes.push('-full-height')
|
||||
}
|
||||
if (props.fullWidth || props['full-width']) {
|
||||
classes.push('-full-width')
|
||||
}
|
||||
let delayRender = slot.props['delay-render']
|
||||
if (delayRender && active) {
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@
|
|||
display: none;
|
||||
}
|
||||
|
||||
.full-height:not(.hidden) {
|
||||
.-full-height:not(.hidden) {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -70,6 +70,15 @@
|
|||
}
|
||||
}
|
||||
|
||||
.-full-width:not(.hidden) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
> *:not(.mobile-label) {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
&.scrollable-tabs {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue