From 6fea3cc997de16f80383337b8a0cf75845e8d2a6 Mon Sep 17 00:00:00 2001 From: Darren Date: Wed, 2 Jul 2014 21:58:14 +0100 Subject: [PATCH] Nicklist toggle border-radius mobile hacks --- client/assets/css/style.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/client/assets/css/style.css b/client/assets/css/style.css index 10b1449..a5eb041 100644 --- a/client/assets/css/style.css +++ b/client/assets/css/style.css @@ -149,8 +149,20 @@ html, body { height:100%; } line-height: 1.5em; background: #e3e3e3; border: 1px solid; - border-radius: 50%; cursor: pointer; + + /* + Some mobile browsers only support long-hand border-radius, and using large + px values instead of 50% ensures the circle + */ + -webkit-border-top-left-radius: 500px; + -webkit-border-top-right-radius: 500px; + -webkit-border-bottom-left-radius: 500px; + -webkit-border-bottom-right-radius: 500px; + border-top-left-radius: 500px; + border-top-right-radius: 500px; + border-bottom-left-radius: 500px; + border-bottom-right-radius: 500px; } /* The active channels nicklist */ -- 2.25.1