Apply design to image thumbnails

Border & rounded corners element-hq/element-web#7565
matrix-org · Apr 9, 2019 · b1c2108 · b1c2108
1 parent 0592a17
commit b1c2108
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/res/css/_common.scss b/res/css/_common.scss
@@ -118,7 +118,7 @@ textarea {
         background-color: transparent;
         color: $input-darker-fg-color;
         border-radius: 4px;
-        border: 1px solid $dialog-close-fg-color;
+        border: 1px solid $border-color;
         // these things should probably not be defined
         // globally
         margin: 9px;

diff --git a/res/css/views/messages/_MImageBody.scss b/res/css/views/messages/_MImageBody.scss
@@ -1,5 +1,6 @@
 /*
 Copyright 2015, 2016 OpenMarket Ltd
+Copyright 2019 New Vector Ltd
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
@@ -34,6 +35,9 @@ limitations under the License.
 
     // Make sure the _thumbnail is positioned relative to the _container
     position: relative;
+
+    border: 1px solid $border-color;
+    border-radius: 4px;
 }
 
 .mx_MImageBody_thumbnail_spinner {

diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
@@ -28,6 +28,8 @@ $accent-fg-color: #ffffff;
 $accent-color-50pct: #92caad;
 $accent-color-alt: #238CF5;
 
+$border-color: #c1c1c1;
+
 $selection-fg-color: $primary-bg-color;
 
 $focus-brightness: 105%;