fix(tile-manager): dragging styles

Author: SisIvanova

src/components/tile-manager/themes/shared/tile/tile.common.scss

@@ -7,16 +7,22 @@ $theme: $material;
     --component-size: var(--ig-size, #{var-get($theme, 'default-size')});
 }
 
-[part='base'] {
+[part~='base'] {
     background: var-get($theme, 'tile-background');
     border-radius: var-get($theme, 'border-radius');
     border: rem(1px) solid var-get($theme, 'border-color');
+    box-shadow: var-get($theme, 'resting-elevation');
 
     &:hover {
         border-color: var-get($theme, 'hover-border-color');
     }
 }
 
+[part~='dragging'] {
+    opacity: .6;
+    box-shadow: var-get($theme, 'drag-elevation');
+}
+
 [part="content-container"] {
     background: var-get($theme, 'content-background');
     color: var-get($theme, 'content-color');

src/components/tile-manager/themes/tile.base.scss

@@ -7,7 +7,7 @@
     position: relative;
 }
 
-[part='base'] {
+[part~='base'] {
     resize: both;
     overflow: auto;
 }
@@ -30,13 +30,18 @@
     height: 100%;
     overflow: visible;
     isolation: isolate;
-}
 
-[part='drag-over'] {
-    opacity: 0.5;
-    pointer-events: none;
+    [part~='base'] {
+        width: 100%;
+        height: 100%;
+    }
 }
 
+// [part~='drag-over'] {
+//     opacity: 0.5;
+//     pointer-events: none;
+// }
+
 // .resize-handle {
 //     position: absolute;
 //     width: 15px;