yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make area create button hide on drag

Browse Source
This commit is contained in:
Niels Lyngsø
2024-11-08 07:57:07 +01:00
parent 221ab62725
commit c43ef54121
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/Umbraco.Web.UI.Client/src/packages/block/block-grid/components/block-grid-entries/block-grid-entries.element.ts
View File

@@ -438,15 +438,14 @@ export class UmbBlockGridEntriesElement extends UmbFormControlMixin(UmbLitElemen
}
#createButton {
padding-top: 1px;
grid-template-columns: 1fr auto;
display: grid;
}
// Only when we are n an area, we like to hide the button on drag
/* Only when we are n an area, we like to hide the button on drag */
:host([area-key]) #createButton {
--umb-block-grid--is-dragging--variable: var(--umb-block-grid--is-dragging) none;
display: var(--umb-block-grid--is-dragging--variable, grid);
--umb-block-grid--create-button--is-dragging--variable: var(--umb-block-grid--is-dragging) none;
display: var(--umb-block-grid--create-button--is-dragging--variable, grid);
}
:host(:not([pristine]):invalid) #createButton {
--uui-button-contrast: var(--uui-color-danger);
@@ -457,9 +456,17 @@ export class UmbBlockGridEntriesElement extends UmbFormControlMixin(UmbLitElemen
}
.umb-block-grid__layout-container[data-area-length='0'] {
--umb-block-grid--is-dragging--variable: var(--umb-block-grid--is-dragging) 1;
min-height: calc(var(--umb-block-grid--is-dragging--variable, 0) * var(--uui-size-11));
border: calc(var(--umb-block-grid--is-dragging--variable, 0) * 1px) dashed var(--uui-color-border);
--umb-block-grid--layout-container--is-dragging--variable: var(--umb-block-grid--is-dragging) 1;
min-height: calc(var(--umb-block-grid--layout-container--is-dragging--variable, 0) * var(--uui-size-11));
}
.umb-block-grid__layout-container[data-area-length='0']::after {
content: '';
position: absolute;
inset: 0;
top: 1px;
border: calc(var(--umb-block-grid--layout-container--is-dragging--variable, 0) * 1px) dashed
var(--uui-color-border);
border-radius: var(--uui-border-radius);
}
`,