Merge pull request element-hq#6187 from vector-im/luke/feature-tag-panel-global-filter

lukebarnard1 · web-flow · commit e3e60bd37280 · 2018-02-19T09:59:25.000Z
CSS for new global TagPanel filter
diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss b/src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss
@@ -25,13 +25,35 @@ limitations under the License.
     justify-content: space-between;
 }
 
+.mx_TagPanel .mx_TagPanel_logo {
+    width: 60px;
+    height: 60px;
+    padding: 5px 0px;
+}
+
+.mx_TagPanel .mx_TagPanel_logo.mx_AccessibleButton:focus {
+    filter: none;
+    background: rgba(255,255,255, 0.2);
+}
+
+.mx_TagPanel .mx_TagPanel_logo object {
+    pointer-events: none;
+}
+
+.mx_TagPanel .mx_TagPanel_divider {
+    height: 0px;
+    width: 42px;
+    border-bottom: 1px solid $panel-divider-color;
+}
+
+.mx_TagPanel .mx_TagPanel_scroller {
+    flex-grow: 1;
+}
+
 .mx_TagPanel .mx_TagPanel_tagTileContainer {
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding-top: 65px;
-
-    flex-grow: 1;
 }
 
 .mx_TagPanel .mx_TagTile {
@@ -85,6 +107,7 @@ limitations under the License.
 .mx_TagPanel_createGroupButton {
     opacity: 0.5;
     margin-bottom: 17px;
+    margin-top: 18px;
     height: 25px;
 }
 
