From 451ff0aa0c0dec0072188ff710480b9e5a5729ff Mon Sep 17 00:00:00 2001 From: Lakhan Mandloi <lakhan_m@tekditechnologies.com> Date: Thu, 14 Feb 2019 18:30:28 +0530 Subject: [PATCH] Issue SB-10380 fix: TOC icons fixes --- .../collection-player.component.spec.ts | 22 +++++++++---------- .../styles/components/ui.fancytree.scss | 13 ++++++++--- 2 files changed, 21 insertions(+), 14 deletions(-) diff --git a/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts b/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts index 415b55e2d8..5d03f2f088 100644 --- a/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts +++ b/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts @@ -69,18 +69,18 @@ describe('CollectionPlayerComponent', () => { loaderMessage: 'Fetching content details!' }); expect(component.collectionTreeOptions).toEqual({ - fileIcon: 'fa fa-file-o fa-lg', + fileIcon: 'sb-icon-content', customFileIcon: { - 'video': 'fa fa-file-video-o fa-lg', - 'pdf': 'fa fa-file-pdf-o fa-lg', - 'youtube': 'fa fa-youtube fa-lg fancy_tree_red', - 'H5P': 'fa fa-html5 fa-lg', - 'audio': 'fa fa-file-audio-o fa-lg', - 'ECML': 'fa fa-file-code-o fa-lg', - 'HTML': 'fa fa-html5 fa-lg', - 'collection': 'fa fa-file-archive-o fa-lg', - 'epub': 'fa fa-file-text fa-lg', - 'doc': 'fa fa-file-text fa-lg' + 'video': 'sb-icon-video', + 'pdf': 'sb-icon-doc', + 'youtube': 'sb-icon-video', + 'H5P': 'sb-icon-content', + 'audio': 'sb-icon-mp3', + 'ECML': 'sb-icon-content', + 'HTML': 'sb-icon-content', + 'collection': 'sb-icon-collection', + 'epub': 'sb-icon-doc', + 'doc': 'sb-icon-doc' } }); }); diff --git a/src/app/client/src/assets/styles/components/ui.fancytree.scss b/src/app/client/src/assets/styles/components/ui.fancytree.scss index eb83472061..e715b99449 100644 --- a/src/app/client/src/assets/styles/components/ui.fancytree.scss +++ b/src/app/client/src/assets/styles/components/ui.fancytree.scss @@ -18,8 +18,11 @@ pointer-events: none; opacity: .6; } -.ui-fancytree { - margin: 0; +.ui-fancytree, +.ui-fancytree ul { + margin: 0 0 0 (3 * $base-block-space); + padding: 0 $base-block-space; + border-left: 1px dotted $gray-800; &:focus { outline: none; @@ -45,8 +48,12 @@ margin-bottom: $base-block-space; } + .fancytree-has-children { + margin-left: -(2.5 * $base-block-space); + } + .fa-caret-right, .fa-caret-down { - margin: 0 $base-block-space 0 0; + margin: 0 (2 * $base-block-space) 0 0; } } \ No newline at end of file -- GitLab