more refactoring of image preview

2020-01-13 18:20:09 +03:00
parent 8622926a4c
commit d1c90f8434
10 changed files with 534 additions and 449 deletions
@@ -1279,10 +1279,12 @@ i.search {
 #image-preview-caption-panel {
  display: flex;
  justify-content: space-between;
-  background-color: transparent;
+  background-color: #eceff1;
+  box-shadow: 0 1px 2px silver; /* Faint shadow under the panel */
  line-height: 2.5rem;
-  height: 3.5rem;
+  height: 4.6rem;
  padding: 1rem 0.75rem 0 0.75rem;
+  z-index: 3;
 }

 #image-preview-caption-panel a {
@@ -1308,7 +1310,8 @@ i.search {
  justify-content: space-around;
  height: 3.2rem;
  line-height: 1.5rem;
-  background-color: transparent;
+  background-color: #eceff1;
+  box-shadow: 0px -2px 3px -1px rgba(0,0,0,0.1); /* Faint shadow above panel */
 }

 /* Talk bubbles */