fix disabled state style for visibility level options

app/assets/stylesheets/pages/settings.scss

@@ -147,7 +147,7 @@
   .radio {
     margin-bottom: 10px;
 
-    i {
+    i.fa {
       margin: 2px 0;
       font-size: 20px;
     }
@@ -162,6 +162,12 @@
       margin-left: 29px;
       color: $project-option-descr-color;
     }
+
+    &.disabled {
+      i.fa {
+        opacity: 0.5;
+      }
+    }
   }
 }
 

app/views/shared/_visibility_radios.html.haml

 - Gitlab::VisibilityLevel.values.each do |level|
-  - next if disallowed_visibility_level?(form_model, level)
-  .radio
+  - disallowed = disallowed_visibility_level?(form_model, level)
   - restricted = restricted_visibility_levels.include?(level)
+  - disabled = disallowed || restricted
+  .radio{ class: [('disabled' if disabled), ('restricted' if restricted)] }
     = form.label "#{model_method}_#{level}" do
-      = form.radio_button model_method, level, checked: (selected_level == level), disabled: restricted
+      = form.radio_button model_method, level, checked: (selected_level == level), disabled: disabled
       = visibility_level_icon(level)
       .option-title
         = visibility_level_label(level)