[Front-end] Refined styling of entry embeds

Fixes #1896
2018-02-09 16:57:47 -08:00
parent 585f05d576
commit d430f3e621
2 changed files with 5 additions and 8 deletions
--- a/platform/features/notebook/res/sass/_notebook-base.scss
+++ b/platform/features/notebook/res/sass/_notebook-base.scss
@@ -167,19 +167,11 @@
 }

 .l-entry-embed {
-    $m: $interiorMargin;
-    margin: 0 $m $m 0;
    position: relative;

-    &:not(.has-snapshot) {
-
-    }
-
    &.has-snapshot {
        &:before {
            position: absolute;
-            top: $m;
-            left: $m;
            text-shadow: rgba(black, 0.7) 0 1px 5px;
            z-index: 2;
        }
--- a/platform/features/notebook/res/sass/_notebook-thematic.scss
+++ b/platform/features/notebook/res/sass/_notebook-thematic.scss
@@ -42,6 +42,11 @@
 }

 .l-entry-embed {
+    $m: $interiorMarginSm;
+    margin: 0 $m $m 0;
+    padding: $interiorMarginSm;
+    border-radius: $controlCr;
+    background-color: rgba($colorBodyFg, 0.1);
    &.has-snapshot {
        &:before {
            color: $colorBodyFg;