Skip to content
This repository
Browse code

MINOR Make tree loading indicator visible on page icon to ensure it s…

…hows when drag handles are hidden (in "sidebar view") (fixes #7256)
  • Loading branch information...
commit a757c16411b802f15a6b6a76a42f7d0c5c3fe064 1 parent 8e89396
Ingo Schommer authored June 03, 2012
2  admin/css/screen.css
@@ -712,6 +712,8 @@ li.class-ErrorPage > a .jstree-pageicon { background-position: 0 -112px; }
712 712
 .cms-tree.multiple li > a > .jstree-icon { display: none; }
713 713
 .cms-tree.multiple li > a > .jstree-icon.jstree-checkbox { display: inline-block; }
714 714
 .cms-tree.multiple li#record-0 > a .jstree-checkbox { display: none; }
  715
+.cms-tree a.jstree-loading .jstree-icon { background-image: none !important; }
  716
+.cms-tree a.jstree-loading .jstree-pageicon { background: url(../images/throbber.gif) top left no-repeat; }
715 717
 
716 718
 /** Styles for the left hand side menu and header for the admin panels.  Take into consideration CSS selector performance.   @package framework @subpackage admin */
717 719
 .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); }
BIN  admin/images/throbber.gif
9  admin/scss/_tree.scss
@@ -628,4 +628,13 @@ li.class-ErrorPage > a .jstree-pageicon {
628 628
 			}
629 629
 		}
630 630
 	}
  631
+
  632
+	// Show the loading indicator on the page icon rather than the default
  633
+	// jstree icon (which is only used for its dragging handles)
  634
+	a.jstree-loading .jstree-icon {
  635
+		background-image: none !important;
  636
+	}
  637
+	a.jstree-loading .jstree-pageicon {
  638
+		background: url(../images/throbber.gif) top left no-repeat;
  639
+	}
631 640
 }

0 notes on commit a757c16

Please sign in to comment.
Something went wrong with that request. Please try again.