diff --git a/css/backoffice/vendors/_all.scss b/css/backoffice/vendors/_all.scss index d0f042ccc..63eec4a1e 100644 --- a/css/backoffice/vendors/_all.scss +++ b/css/backoffice/vendors/_all.scss @@ -21,4 +21,5 @@ @import "ckeditor"; @import "jqueryui"; @import "jquery-multiselect"; -@import "datatables"; \ No newline at end of file +@import "datatables"; +@import "jquery-treeview"; \ No newline at end of file diff --git a/css/backoffice/vendors/_jquery-treeview.scss b/css/backoffice/vendors/_jquery-treeview.scss new file mode 100644 index 000000000..bbc750c78 --- /dev/null +++ b/css/backoffice/vendors/_jquery-treeview.scss @@ -0,0 +1,97 @@ +$ibo-vendors-jquery-treeview--treeview--ul--padding: 0 !default; +$ibo-vendors-jquery-treeview--treeview--ul--margin: 0 !default; + +$ibo-vendors-jquery-treeview--treeview--hitarea--height: 15px !default; +$ibo-vendors-jquery-treeview--treeview--hitarea--width: 15px !default; +$ibo-vendors-jquery-treeview--treeview--hitarea--margin-left: -15px !default; + +$ibo-vendors-jquery-treeview--treeview--li--margin: 0 !default; +$ibo-vendors-jquery-treeview--treeview--li--padding: 3px 0 3px 16px !default; + +$ibo-vendors-jquery-treeview--treeview--selected: $ibo-color-grey-100 !default; + +$ibo-vendors-jquery-treeview--treecontrol--margin-y: 1em !default; +$ibo-vendors-jquery-treeview--treecontrol--margin-x: 0 !default; + +$ibo-vendors-jquery-treeview--treecontrol--hover: $ibo-color-primary-600 !default; + +$ibo-vendors-jquery-treeview--filetree--li--padding: 3px 0 1px 16px !default; + +$ibo-vendors-jquery-treeview--filetree--folder-file--padding-left: 16px !default; +$ibo-vendors-jquery-treeview--filetree--folder-file--height: 15px !default; + + + +.treeview, .treeview ul { + padding: $ibo-vendors-jquery-treeview--treeview--ul--padding; + margin: $ibo-vendors-jquery-treeview--treeview--ul--margin; + list-style: none; +} + +.treeview div.hitarea { + height: $ibo-vendors-jquery-treeview--treeview--hitarea--height; + width: $ibo-vendors-jquery-treeview--treeview--hitarea--width; + margin-left: $ibo-vendors-jquery-treeview--treeview--hitarea--margin-left; + float: left; + cursor: pointer; +} + +.treeview li { + margin: $ibo-vendors-jquery-treeview--treeview--li--margin; + padding: $ibo-vendors-jquery-treeview--treeview--li--padding; +} + +.treeview a.selected { + background-color: $ibo-vendors-jquery-treeview--treeview--selected; +} + +#treecontrol { + margin: $ibo-vendors-jquery-treeview--treecontrol--margin-y $ibo-vendors-jquery-treeview--treecontrol--margin-x; +} + +.treeview .hover { + color: $ibo-vendors-jquery-treeview--treecontrol--hover; + cursor: pointer; +} + +.treeview li { + background: url($approot-relative + '/images/tv-item.gif') 0 0 no-repeat; +} + +.treeview .collapsable { + background-image: url($approot-relative + '/images/tv-collapsable.gif'); +} + +.treeview .expandable { + background-image: url($approot-relative + '/images/tv-expandable.gif'); +} + +.treeview .last { + background-image: url($approot-relative + '/images/tv-item-last.gif'); +} + +.treeview .lastCollapsable { + background-image: url($approot-relative + '/images/tv-collapsable-last.gif'); +} + +.treeview .lastExpandable { + background-image: url($approot-relative + '/images/tv-expandable-last.gif'); +} + +.filetree li { + padding: $ibo-vendors-jquery-treeview--filetree--li--padding; +} + +.filetree span.folder, .filetree span.file { + padding-left: $ibo-vendors-jquery-treeview--filetree--folder-file--padding-left; + display: block; + height: $ibo-vendors-jquery-treeview--filetree--folder-file--height; +} + +.filetree span.folder { + background: url($approot-relative + '/images/folder.gif') 0 0 no-repeat; +} + +.filetree span.file { + background: url($approot-relative + '/images/file.gif') 0 0 no-repeat; +} diff --git a/sources/application/WebPage/iTopWebPage.php b/sources/application/WebPage/iTopWebPage.php index 37ced3fd0..e88f65803 100644 --- a/sources/application/WebPage/iTopWebPage.php +++ b/sources/application/WebPage/iTopWebPage.php @@ -176,7 +176,6 @@ class iTopWebPage extends NiceWebPage implements iTabbedPage parent::InitializeLinkedStylesheets(); // TODO 3.0.0: Add only what's necessary - $this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/jquery.treeview.css'); $this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/jquery-ui-timepicker-addon.css'); $this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/magnific-popup.css'); $this->add_linked_stylesheet(utils::GetAbsoluteUrlAppRoot().'css/c3.min.css');