archive/pillar
0
0
Fork 0
Code Issues 42 Pull Requests Projects Releases Wiki Activity
Files
08bf63c2eea31b090f52042a505f7206d0bc9783
pillar/src/styles/plugins/_jstree.sass

297 lines
6.5 KiB
Sass
Raw Normal View History

Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
/* jsTree overrides */
Lighter background for navtree
2016-11-24 11:45:30 +01:00
$tree-color-text: $color-text-dark-primary
CSS: Cleanup and simplification Mainly to rely more on bootstrap styling
2018-08-31 19:32:17 +02:00
$tree-color-highlight: $color-primary-accent
Style jsTree
2018-09-06 12:06:14 +02:00
$tree-color-highlight-background: $white
$tree-color-highlight-background-text: $primary
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
.jstree-default
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
/* list item */
.jstree-node
+media-xs
width: 100%
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
background-image: none !important
border: none
color: $tree-color-text
margin: 0 !important
max-width: 100% // Needed for ellipsis on long names
position: relative
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
Limit free icon on jstree for asset/texture items
2016-11-29 15:51:18 +01:00
&[data-node-type="asset"],
textures and hdris can also have the public icon
2016-11-29 16:01:51 +01:00
&[data-node-type="texture"],
&[data-node-type="hdri"]
Only show lock icon when we don't have a valid role
2016-11-29 18:00:54 +01:00
.jstree-anchor
padding-right: 20px
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
Limit free icon on jstree for asset/texture items
2016-11-29 15:51:18 +01:00
&[is_free='true']
.jstree-anchor
Only show lock icon when we don't have a valid role
2016-11-29 18:00:54 +01:00
padding-right: initial
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
Only show lock icon when we don't have a valid role
2016-11-29 18:00:54 +01:00
&:after
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
color: $tree-color-highlight
content: '\e84e' !important
display: block
Display a nice icon on jstree if item is free
2016-11-29 15:35:12 +01:00
Style blog and page items on the tree
2016-11-24 18:15:20 +01:00
&[data-node-type="page"],
&[data-node-type="blog"]
color: darken($tree-color-highlight, 5%)
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
font-weight: bold
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
.jstree-anchor
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
padding: 5px 8px 1px 8px
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
&:after
top: 3px !important
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
.jstree-icon
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
display: none
/* Brief moment when a node is being loaded */
&.jstree-loading
padding: 0
/* Items at top level */
&.jstree-leaf
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
.jstree-icon
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
opacity: 1
width: 24px !important
&.pi-image
font-size: .85em !important
/* Open Folder */
&.jstree-open
/* Text of children for an open tree (like a folder) */
.jstree-children > .jstree-node
Style jsTree
2018-09-06 12:06:14 +02:00
padding-left: 16px !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
.jstree-icon:empty
left: 20px !important
// Tweaks for specific icons
&.pi-file-archive
Style jsTree
2018-09-06 12:06:14 +02:00
left: 25px !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
&.pi-folder
Style jsTree
2018-09-06 12:06:14 +02:00
left: 20px !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
font-size: .9em !important
Style jsTree
2018-09-06 12:06:14 +02:00
&.pi-splay
left: 20px !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
font-size: .85em !important
.jstree-anchor
Style jsTree
2018-09-06 12:06:14 +02:00
// box-shadow: inset 1px 0 0 0 $color-background
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
/* Closed Folder */
Minor tweaks to tree/nav tree
2016-11-16 17:58:52 +01:00
// &.jstree-closed
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
&.jstree-open .jstree-icon.jstree-ocl,
&.jstree-closed .jstree-icon.jstree-ocl
Style jsTree
2018-09-06 12:06:14 +02:00
float: left
min-width: 30px
opacity: 0
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
position: absolute
z-index: 1
/* The text of the last level item */
.jstree-anchor
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
+media-xs
padding: 0 !important
Style jsTree
2018-09-06 12:06:14 +02:00
width: 98%
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
border: none
Style jsTree
2018-09-06 12:06:14 +02:00
font-size: 13px
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
height: inherit
Style jsTree
2018-09-06 12:06:14 +02:00
line-height: 24px
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
overflow: hidden
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
padding-left: 28px
padding-right: 10px
text-overflow: ellipsis
white-space: nowrap
width: 100%
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
// Little arrow on the right
&:after
content: '\e83a' !important
font-family: 'pillar-font'
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
display: none
position: absolute
right: 7px
top: 1px
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
// Icon, not selected
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
.jstree-icon
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-text
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
margin: 0 !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
/* Selected item */
&.jstree-clicked
background-color: $tree-color-highlight-background !important
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text !important
font-weight: bold
Style tweaks to jstree
2016-11-11 20:03:45 +01:00
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
&:after
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
display: block
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
.jstree-ocl,
.jstree-icon
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
/* hover an active item */
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
&.jstree-hovered
background-color: lighten($tree-color-highlight-background, 10%) !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
box-shadow: none
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text !important
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
&.jstree-hovered .jstree-icon
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
.jstree-hovered
background-color: rgba($tree-color-highlight, .1) !important
.jstree-leaf .jstree-clicked
width: 100% !important
/* active item text + icon */
.jstree-clicked,
.jstree-clicked > .jstree-ocl
Style tweaks to jstree
2016-11-11 20:03:45 +01:00
color: $tree-color-highlight-background-text !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
background-color: transparent !important
border-radius: 0
box-shadow: none
border-bottom: thin solid transparent
.jstree-ocl:before
+media-xs
font-weight: bold
font-size: 100%
top: 10%
left: 46%
.jstree-hovered,
.jstree-hovered .jstree-ocl
background-color: transparent !important
box-shadow: none
Style tweaks to jstree
2016-11-11 20:03:45 +01:00
color: $tree-color-highlight-background-text !important
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
/* Folder that you click to collapse/expand */
.jstree-icon
background-image: none !important
position: relative
width: 20px !important
text-align: left !important
position: absolute
&:empty
Style jsTree
2018-09-06 12:06:14 +02:00
line-height: 24px
left: 3px
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
&.is_subscriber
.jstree-node
&[is_free='true']
.jstree-anchor
padding-right: initial
&:after
display: none !important
Only show lock icon when we don't have a valid role
2016-11-29 18:00:54 +01:00
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
&.blog
.jstree-anchor
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
padding: 6px 6px 6px 12px
&:hover
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
color: $tree-color-highlight
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
&.post
border-bottom: thin solid $color-background-dark
Thumbnail on list of blogs on sidebar
2016-12-01 16:21:02 +01:00
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
&.jstree-clicked
&.post
background-color: transparent !important
&:after
top: 8px
color: $tree-color-highlight !important
.tree-item-info
color: $color-text
.tree-item-title
color: $tree-color-highlight
.tree-item
line-height: initial
padding-right: 10px
&-title
font-size: 1.2em
overflow: initial
text-overflow: initial
white-space: normal
&-info
color: $color-text-dark-secondary
display: block
font-size: .8em
padding: 5px
&-thumbnail
align-items: center
background-color: $color-background
Thumbnail on list of blogs on sidebar
2016-12-01 16:21:02 +01:00
border-radius: 3px
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
color: $color-text-dark-secondary
display: flex
float: left
height: 70px
justify-content: center
margin: 0 10px 0 -5px
width: 70px
img
height: 70px
width: 70px
Thumbnail on list of blogs on sidebar
2016-12-01 16:21:02 +01:00
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
.jstree-loading
padding: 5px
color: $color-text-light-secondary
Small refactor of jstree style Still needs some work but it's a bit cleaner
2016-11-11 17:11:30 +01:00
.jstree-default-responsive
.jstree-anchor
+media-sm
font-weight: normal !important
text-shadow: none !important
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
.ps-active-y
.jstree-default .jstree-node
max-width: 97%
.jstree-default .jstree-node.jstree-closed .jstree-icon.jstree-ocl + .jstree-anchor,
.jstree-default .jstree-node.jstree-open .jstree-icon.jstree-ocl + .jstree-anchor
Style jsTree
2018-09-06 12:06:14 +02:00
padding-left: 24px !important
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
/* hovered text */
.jstree-default .jstree-hovered,
.jstree-default .jstree-open .jstree-hovered,
Display blog list and posts within the project TODO: Edit within the project as well
2016-12-01 15:57:59 +01:00
.jstree-default .jstree-hovered .jstree-icon
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
color: $tree-color-highlight !important
a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
background-color: rgba($tree-color-highlight-background, .8) !important
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text !important
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked+ul li a.jstree-anchor.jstree-clicked
background-color: rgba($tree-color-highlight-background, .8) !important
Style jsTree
2018-09-06 12:06:14 +02:00
color: $tree-color-highlight-background-text !important
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
i.jstree-icon.jstree-ocl
color: rgba($tree-color-text, .5) !important
Blog: Style tweaks and minor cleanup Mainly removing unused classes such as blog_post-container
2017-10-25 16:01:53 +02:00
height: 26px !important
Introducing Pillar Framework Refactor of pillar-server and pillar-web into a single python package. This simplifies the overall architecture of pillar applications. Special thanks @sybren and @venomgfx
2016-08-19 09:19:06 +02:00
+media-xs
height: 40px !important
.jstree-children .jstree-open i.jstree-icon.jstree-ocl
height: 26px !important
/* /jsTree overrides */
Reference in New Issue Copy Permalink