TintableSvgButton styling.

2017-11-15 13:04:58 +00:00 · 2017-11-15 13:04:58 +00:00 · 10b17b7fd0
parent 1fc44a32c0
commit 10b17b7fd0
1 changed files with 27 additions and 0 deletions
--- a/src/skins/vector/css/_common.scss
+++ b/src/skins/vector/css/_common.scss
@ -332,3 +332,30 @@ textarea {
    border: 1px solid gray;
    background-color: darkred;
 }
+
+.mx_TintableSvgButton {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+}
+
+.mx_TintableSvgButton object {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 100%;
+    max-width: 100%;
+    max-height: 100%;
+}
+
+.mx_TintableSvgButton span {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    opacity: 0;
+    cursor: pointer;
+}