Fix issue with active style affected nested block list elements
This commit is contained in:
committed by
Nathan Woulfe
parent
b783399c5c
commit
349c5ac3ab
@@ -45,18 +45,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.umb-block-list__block.--active & {
|
||||
border-color: @gray-8;
|
||||
box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.05);
|
||||
|
||||
> button {
|
||||
> .caret {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
ng-form.ng-invalid-val-server-match-content > .umb-block-list__block > .umb-block-list__block--content > div > & {
|
||||
> button {
|
||||
color: @formErrorText;
|
||||
@@ -104,6 +92,22 @@
|
||||
}
|
||||
}
|
||||
|
||||
.umb-block-list__block.--active {
|
||||
border-color: @gray-8;
|
||||
box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.05);
|
||||
|
||||
> .umb-block-list__block--content {
|
||||
> .umb-block-list__block--view {
|
||||
> .blockelement-inlineblock-editor {
|
||||
> button {
|
||||
> .caret {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.blockelement-inlineblock-editor__inner {
|
||||
border-top: 1px solid @gray-8;
|
||||
|
||||
@@ -61,5 +61,4 @@
|
||||
model="vm.blockTypePicker">
|
||||
</umb-overlay>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
@@ -59,12 +59,12 @@
|
||||
<style>
|
||||
@import "${model.stylesheet}"
|
||||
</style>
|
||||
<div ng-include="'${model.view}'"></div>
|
||||
<div class="umb-block-list__block--view" ng-include="'${model.view}'"></div>
|
||||
`;
|
||||
$compile(shadowRoot)($scope);
|
||||
}
|
||||
else {
|
||||
$element.append($compile('<div ng-include="model.view"></div>')($scope));
|
||||
$element.append($compile('<div class="umb-block-list__block--view" ng-include="model.view"></div>')($scope));
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user