Add jquery treeview style to vendors directory

This commit is contained in:
Stephen Abello
2021-03-04 10:17:21 +01:00
parent 866d6e829b
commit 40ceccda46
3 changed files with 99 additions and 2 deletions

View File

@@ -21,4 +21,5 @@
@import "ckeditor";
@import "jqueryui";
@import "jquery-multiselect";
@import "datatables";
@import "datatables";
@import "jquery-treeview";

View File

@@ -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;
}

View File

@@ -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');