fixed radio options in media manager for new jQ-UI

jQuery UI replaced the buttonset widget with a controlgroup widget. This adjusts the JavaScript and styling accordingly.
dokuwiki · Nov 26, 2016 · 46b9e00 · 46b9e00
1 parent 9209043
commit 46b9e00
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/lib/scripts/media.js b/lib/scripts/media.js
@@ -132,7 +132,8 @@ var dw_mediamanager = {
         });
 
         // Init buttonset
-        $both.buttonset();
+        $both.find("input[type='radio']").checkboxradio({icon: false});
+        $both.controlgroup();
 
         // Change handlers
         $listType.children('input').change(function () {

diff --git a/lib/tpl/dokuwiki/css/_media_fullscreen.css b/lib/tpl/dokuwiki/css/_media_fullscreen.css
@@ -203,7 +203,7 @@
     float: right;
 }
 
-#mediamanager__page .panelHeader ul li.ui-buttonset {
+#mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal {
     padding-left: 30px;
     margin: 0 0 0 5px;
 }
@@ -213,18 +213,16 @@
 #mediamanager__page .panelHeader ul li.sortBy {
     background: url('../../images/icon-sort.png') 3px 1px no-repeat;
 }
-[dir=rtl] #mediamanager__page .panelHeader ul li.ui-buttonset {
+[dir=rtl] #mediamanager__page .panelHeader ul li.ui-controlgroup-horizontal {
     padding-left: 0;
     padding-right: 30px;
     margin: 0 5px 0 0;
     background-position: right 1px;
 }
 
-#mediamanager__page .panelHeader form.options .ui-buttonset label{
+#mediamanager__page .panelHeader form.options .ui-controlgroup-horizontal label{
     font-size: 90%;
     margin-right: -0.4em;
-}
-#mediamanager__page .panelHeader form.options .ui-buttonset .ui-button-text {
     padding: .3em .5em;
     line-height: 1;
 }