Merge pull request #37 from guerler/toggle_radio

Fix radio button toggling
jmchilton · Apr 9, 2018 · 33f5f4d · 33f5f4d
2 parents f990661 + f85c575
commit 33f5f4d
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/client/galaxy/scripts/mvc/ui/ui-options.js b/client/galaxy/scripts/mvc/ui/ui-options.js
@@ -285,8 +285,7 @@ RadioButton.View = Base.extend({
     /** Main template function */
     _template: function() {
         return $("<div/>")
-            .addClass("btn-group btn-group-toggle")
-            .attr("data-toggle", "buttons");
+            .addClass("btn-group ui-radiobutton");
     }
 });
 

diff --git a/client/galaxy/style/scss/ui.scss b/client/galaxy/style/scss/ui.scss
@@ -895,6 +895,17 @@ $ui-margin-horizontal-large: 10px;
     }
 }
 
+.ui-radiobutton {
+    top: -2px;
+    input {
+        display: none;
+    }
+    label {
+        padding: 2px 10px;
+        margin: 0px;
+    }
+ }
+
 .ui-button-check {
     .icon {
         font-size: 1.2em;

diff --git a/static/style/blue/base.css b/static/style/blue/base.css
@@ -10683,6 +10683,14 @@ html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
     top: 8px;
     left: 10px; }
 
+.ui-radiobutton {
+  top: -2px; }
+  .ui-radiobutton input {
+    display: none; }
+  .ui-radiobutton label {
+    padding: 3px 10px;
+    margin: 0px; }
+
 .ui-button-check {
   cursor: pointer;
   margin-bottom: 5px; }