From: Marek Ľach <graweeld@googlemail.com>
Date: Tue, 23 Feb 2021 21:36:53 +0000 (+0000)
Subject: Improve rendering in older browsers
X-Git-Url: http://these/git/%7B%60%24%7BwebArchiveUrl%7D/%22%7B%7D/readmes/%7B%7D/%7Bthis.props.src%7D?a=commitdiff_plain;h=658aee2e53fbc4fa2fddf4dcce17aa050ef11aed;p=lemmy-ui.git

Improve rendering in older browsers

...like SailfishOS.
---

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 36f022b..5f67199 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -228,17 +228,20 @@ hr {
   height: 1.5em;
   width: 1.5em;
   background: rgba(0, 0, 0, 0.4);
+  background-color: rgba(0, 0, 0, 0.4);
   border-bottom-left-radius: 0.25rem !important;
   border-top-right-radius: 0.25rem !important;
 }
 
 .link-overlay:hover {
   transition: 0.1s;
+  -webkit-transition: 0.1s;
   opacity: 1;
 }
 
 .link-overlay {
   transition: opacity 0.1s ease-in-out;
+  -webkit-transition: opacity 0.1s ease-in-out;
   position: absolute;
   opacity: 0;
   left: 0;
@@ -246,6 +249,7 @@ hr {
   width: 100%;
   padding: 10px;
   background: rgba(0, 0, 0, 0.6);
+  background-color: rgba(0, 0, 0, 0.6);
 }
 
 .placeholder {
@@ -285,6 +289,7 @@ pre {
 }
 .hide-input {
   background: transparent !important;
+  background-color: transparent !important;
   width: 0px !important;
   padding: 0 !important;
 }