diff --git a/src/assets/css/src/2.blocks.dialog.css b/src/assets/css/src/2.blocks.dialog.css index bc105b4..2692603 100644 --- a/src/assets/css/src/2.blocks.dialog.css +++ b/src/assets/css/src/2.blocks.dialog.css @@ -74,10 +74,14 @@ /* Content */ .dialog__inner { + padding: var(--space-16); background: var(--dialog-inner-background, #f7f7f7); height: 100%; overflow-y: auto; } +.with-comments .dialog__inner { + margin-right: var(--dialog-comments-w, 20rem); +} .dialog__inner .tracks-header { background: var(--color-white-50); border-radius: var(--rounded-xl); @@ -167,6 +171,9 @@ left: 22.5rem; right: 22.5rem; } +.dialog#virtual-sample #comments-container { + top: var(--dialog-header-h); +} .dialog#virtual-sample.dynamic #comments-container { top: 4.5rem; } @@ -180,6 +187,7 @@ height: calc(100% - 3.5rem) !important; } + /* Physical Sample */ .dialog#physical-sample { --dialog-header-h: 15rem; diff --git a/src/components/project/virtual-sample/VirtualSample.vue b/src/components/project/virtual-sample/VirtualSample.vue index 34e6d03..92a7631 100644 --- a/src/components/project/virtual-sample/VirtualSample.vue +++ b/src/components/project/virtual-sample/VirtualSample.vue @@ -178,15 +178,3 @@ function downloadFiles() { }, 400); } - -