From 4024095555b2beca472bd7e06cdf40fe827a24b8 Mon Sep 17 00:00:00 2001
From: Sebastiaan Janssen <sebastiaan@umbraco.com>
Date: Mon, 26 Nov 2018 17:23:40 +0100
Subject: [PATCH] Revert "Style the default browser radio button as a custom
 one to provide a nicer UI experience" #3226

---
 src/Umbraco.Web.UI.Client/src/less/belle.less |  1 -
 .../components/umb-radiobuttons-list.less     | 80 -------------------
 .../radiobuttons/radiobuttons.html            | 13 +--
 3 files changed, 4 insertions(+), 90 deletions(-)
 delete mode 100644 src/Umbraco.Web.UI.Client/src/less/components/umb-radiobuttons-list.less

diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 9b9be85053..7f10c3d4d7 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -101,7 +101,6 @@
 @import "components/umb-confirm-action.less";
 @import "components/umb-keyboard-shortcuts-overview.less";
 @import "components/umb-checkbox-list.less";
-@import "components/umb-radiobuttons-list.less";
 @import "components/umb-locked-field.less";
 @import "components/umb-tabs.less";
 @import "components/umb-load-indicator.less";
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-radiobuttons-list.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-radiobuttons-list.less
deleted file mode 100644
index 2fe3487a8f..0000000000
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-radiobuttons-list.less
+++ /dev/null
@@ -1,80 +0,0 @@
-.umb-radiobuttons{
-    &__label{
-        position: relative;
-        padding: 0;
-
-        &-text{
-            margin: 0 0 0 32px;
-            position: relative;
-            top: 1px;
-        }
-    }
-
-    &__input{
-        position: absolute;
-        top: 0;
-        left: 0;
-        opacity: 0;
-
-        &:focus ~ .umb-radiobuttons__state{
-            box-shadow: 0 1px 3px fade(@black, 12%), 0 1px 2px fade(@black, 24%);
-        }
-
-        &:focus:checked ~ .umb-radiobuttons__state{
-            box-shadow: none;
-        }
-
-        &:checked ~ .umb-radiobuttons__state{
-            &:before{
-                width: 100%;
-                height: 100%;
-            }
-        }
-
-        &:checked ~ .umb-radiobuttons__state .umb-radiobuttons__icon{
-            opacity: 1;
-        }
-    }
-
-    &__state{
-        display: flex;
-        flex-wrap: wrap;
-        border: 1px solid @gray-8;
-        border-radius: 100%;
-        width: 22px;
-        height: 22px;
-        position: relative;
-
-        &:before{
-            content: "";
-            background: @green;
-            width: 0;
-            height: 0;
-            transition: .1s ease-out;
-            position: absolute;
-            left: 0;
-            right: 0;
-            top: 0;
-            bottom: 0;
-            margin: auto;
-            border-radius: 100%;
-        }
-    }
-
-    &__icon{
-        color: @white;
-        text-align: center;
-        font-size: 15px;
-        opacity: 0;
-        transition: .3s ease-out;
-
-        &:before{
-            position: absolute;
-            top: 2px;
-            right: 0;
-            left: 0;
-            bottom: 0;
-            margin: auto;
-        }
-    }
-}
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
index 7af6491641..cdb5a37ac8 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/radiobuttons/radiobuttons.html
@@ -1,17 +1,12 @@
 <div class="umb-editor umb-radiobuttons" ng-controller="Umbraco.PropertyEditors.RadioButtonsController">
     <ul class="unstyled">
         <li ng-repeat="item in model.config.items">
-            <label class="radio umb-radiobuttons__label">
+            <label class="radio">
                 <input type="radio" name="radiobuttons-{{model.alias}}"
                        value="{{item.id}}"
-                       ng-model="model.value"
-                       class="umb-radiobuttons__input" />
-
-                <div class="umb-radiobuttons__state">
-                    <i class="umb-radiobuttons__icon icon-check" aria-hidden="true"></i>
-                    <span class="umb-radiobuttons__label-text">{{item.value}}</span>
-                </div>
+                       ng-model="model.value" />
+                {{item.value}}
             </label>
         </li>
     </ul>
-</div>
+</div>
\ No newline at end of file