Use img tag instead of background-image for custom icon to avoid flickering

2019-09-26 21:12:11 +02:00
parent 17771ccecd
commit 4518c2c4c0
2 changed files with 12 additions and 2 deletions
@@ -395,6 +395,7 @@ multiselect {

 // same as settings-avatar
 .app-custom-icon {
+    position: relative;
    cursor: pointer;
    width: 64px;
    height: 64px;
@@ -404,9 +405,17 @@ multiselect {
    border: 1px solid gray;
    border-radius: 3px;

-    .overlay {
+    img {
+        display: block;
        width: 100%;
        height: 100%;
+    }
+
+    .overlay {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
        background-color: rgba(255, 255, 255 ,0.3);
        background-image: url('/img/plus.png');
        background-repeat: no-repeat;