Fix s-selected, edit grid displays

This commit is contained in:
charlesh88 2018-10-05 12:15:20 -07:00
parent 27506a3757
commit 72cdb352f0
2 changed files with 10 additions and 6 deletions

View File

@ -79,7 +79,6 @@
} }
.c-grid { .c-grid {
z-index: -1;
pointer-events: none; pointer-events: none;
&__x { @include bgTicks($colorGridLines, 'x'); } &__x { @include bgTicks($colorGridLines, 'x'); }
@ -92,13 +91,18 @@
background: rgba($editColor, 0.1); background: rgba($editColor, 0.1);
} }
.c-frame, .s-selected,
.l-layout { .s-selected-parent {
&.s-selected, .l-layout {
&.s-selected-parent { // Show the layout grid for the top-most child of the current selection,
// and hide the grid for deeper nested levels.
[class*="__grid-holder"] { [class*="__grid-holder"] {
display: block; display: block;
} }
.l-layout [class*="__grid-holder"] {
display: none;
}
} }
} }
} }

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="l-shell" :class="{ <div class="l-shell" :class="{
'is-editing': true 'is-editing': isEditing
}"> }">
<div class="l-shell__head"> <div class="l-shell__head">
<CreateButton class="l-shell__create-button"></CreateButton> <CreateButton class="l-shell__create-button"></CreateButton>