From b8579451460476564aa5b4063cf74073e908cb1b Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Thu, 14 Apr 2016 22:06:54 +0100
Subject: [PATCH] Split out CSS for youtube-embed link preview refactor
---
.../views/previews/LinkPreviewWidget.css | 32 +++++++++++++++++++
.../OpenGraphPreview.css} | 25 ++++-----------
2 files changed, 38 insertions(+), 19 deletions(-)
create mode 100644 src/skins/vector/css/matrix-react-sdk/views/previews/LinkPreviewWidget.css
rename src/skins/vector/css/matrix-react-sdk/views/{rooms/LinkPreviewWidget.css => previews/OpenGraphPreview.css} (66%)
diff --git a/src/skins/vector/css/matrix-react-sdk/views/previews/LinkPreviewWidget.css b/src/skins/vector/css/matrix-react-sdk/views/previews/LinkPreviewWidget.css
new file mode 100644
index 0000000000..2e206a0667
--- /dev/null
+++ b/src/skins/vector/css/matrix-react-sdk/views/previews/LinkPreviewWidget.css
@@ -0,0 +1,32 @@
+/*
+Copyright 2015, 2016 OpenMarket Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+.mx_LinkPreviewWidget {
+ margin-top: 15px;
+ margin-right: 15px;
+ margin-bottom: 15px;
+ border-left: 4px solid #ddd;
+ color: #888;
+}
+
+.mx_LinkPreviewWidget_cancel {
+ visibility: hidden;
+ cursor: pointer;
+}
+
+.mx_LinkPreviewWidget:hover .mx_LinkPreviewWidget_cancel {
+ visibility: visible;
+}
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css b/src/skins/vector/css/matrix-react-sdk/views/previews/OpenGraphPreview.css
similarity index 66%
rename from src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css
rename to src/skins/vector/css/matrix-react-sdk/views/previews/OpenGraphPreview.css
index 933724241f..5b778fb8bd 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/LinkPreviewWidget.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/previews/OpenGraphPreview.css
@@ -14,17 +14,12 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
-.mx_LinkPreviewWidget {
- margin-top: 15px;
- margin-right: 15px;
- margin-bottom: 15px;
+.mx_OpenGraphPreview {
display: -webkit-flex;
display: flex;
- border-left: 4px solid #ddd;
- color: #888;
}
-.mx_LinkPreviewWidget_image {
+.mx_OpenGraphPreview_image {
-webkit-flex: 0 0 100px;
flex: 0 0 100px;
margin-left: 15px;
@@ -32,31 +27,23 @@ limitations under the License.
cursor: pointer;
}
-.mx_LinkPreviewWidget_caption {
+.mx_OpenGraphPreview_caption {
margin-left: 15px;
-webkit-flex: 1;
flex: 1;
}
-.mx_LinkPreviewWidget_title {
+.mx_OpenGraphPreview_title {
display: inline;
font-weight: bold;
}
-.mx_LinkPreviewWidget_siteName {
+.mx_OpenGraphPreview_siteName {
display: inline;
}
-.mx_LinkPreviewWidget_description {
+.mx_OpenGraphPreview_description {
margin-top: 8px;
white-space: normal;
}
-.mx_LinkPreviewWidget_cancel {
- visibility: hidden;
- cursor: pointer;
-}
-
-.mx_LinkPreviewWidget:hover .mx_LinkPreviewWidget_cancel {
- visibility: visible;
-}