diff --git a/admin/css/screen.css b/admin/css/screen.css index b6f92cbc8..bf85ad1ee 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -712,6 +712,8 @@ li.class-ErrorPage > a .jstree-pageicon { background-position: 0 -112px; } .cms-tree.multiple li > a > .jstree-icon { display: none; } .cms-tree.multiple li > a > .jstree-icon.jstree-checkbox { display: inline-block; } .cms-tree.multiple li#record-0 > a .jstree-checkbox { display: none; } +.cms-tree a.jstree-loading .jstree-icon { background-image: none !important; } +.cms-tree a.jstree-loading .jstree-pageicon { background: url(../images/throbber.gif) top left no-repeat; } /** Styles for the left hand side menu and header for the admin panels. Take into consideration CSS selector performance. @package framework @subpackage admin */ .cms-logo-header { background-color: #00111d; position: relative; padding: 9px 8px 0 4px; line-height: 24px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTExZCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAzMDUwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAxMTFkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00111d), color-stop(50%, #003050), color-stop(100%, #00111d)); background-image: -webkit-linear-gradient(#00111d, #003050, #00111d); background-image: -moz-linear-gradient(#00111d, #003050, #00111d); background-image: -o-linear-gradient(#00111d, #003050, #00111d); background-image: -ms-linear-gradient(#00111d, #003050, #00111d); background-image: linear-gradient(#00111d, #003050, #00111d); } diff --git a/admin/images/throbber.gif b/admin/images/throbber.gif new file mode 100644 index 000000000..5b33f7e54 Binary files /dev/null and b/admin/images/throbber.gif differ diff --git a/admin/scss/_tree.scss b/admin/scss/_tree.scss index f38d35a2a..6b8c24d9f 100644 --- a/admin/scss/_tree.scss +++ b/admin/scss/_tree.scss @@ -628,4 +628,13 @@ li.class-ErrorPage > a .jstree-pageicon { } } } + + // Show the loading indicator on the page icon rather than the default + // jstree icon (which is only used for its dragging handles) + a.jstree-loading .jstree-icon { + background-image: none !important; + } + a.jstree-loading .jstree-pageicon { + background: url(../images/throbber.gif) top left no-repeat; + } } \ No newline at end of file