diff --git a/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss b/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss deleted file mode 100755 index 59cc3cfa69..0000000000 --- a/libs/components/layout/src/workspace-sidebar/page-tree/tree-item/tree-item.module.scss +++ /dev/null @@ -1,190 +0,0 @@ -.Wrapper { - box-sizing: border-box; - padding-left: var(--spacing); - list-style: none; - padding-top: 6px; - padding-bottom: 6px; - font-size: 14px; - &:hover { - background: #f5f7f8; - border-radius: 5px; - } - - &.clone { - display: inline-block; - padding: 0; - margin-left: 10px; - margin-top: 5px; - pointer-events: none; - - .TreeItem { - padding-right: 20px; - border-radius: 4px; - box-shadow: 0px 15px 15px 0 rgba(34, 33, 81, 0.1); - } - } - - &.ghost { - &.indicator { - opacity: 1; - position: relative; - z-index: 1; - margin-bottom: -1px; - - .TreeItem { - position: relative; - padding: 0; - height: 8px; - border-color: #2389ff; - background-color: #56a1f8; - - &:before { - position: absolute; - left: -8px; - top: -4px; - display: block; - content: ''; - width: 12px; - height: 12px; - border-radius: 50%; - border: 1px solid #2389ff; - } - - > * { - /* Items are hidden using height and opacity to retain focus */ - opacity: 0; - height: 0; - } - } - } - - &:not(.indicator) { - opacity: 0.5; - } - - .TreeItem > * { - box-shadow: none; - background-color: transparent; - } - } -} - -.TreeItem { - box-sizing: border-box; - display: flex; - align-items: center; - color: #4c6275; -} - -.ItemContent { - box-sizing: border-box; - width: 100%; - height: 32px; - position: relative; - display: flex; - align-items: center; - justify-content: space-around; - color: #4c6275; - padding-right: 0.5rem; - overflow: hidden; - - .TreeItemMoreActions { - visibility: hidden; - cursor: pointer; - } - &:hover { - .TreeItemMoreActions { - visibility: visible; - display: block; - } - } -} - -.Text { - flex-grow: 1; - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - cursor: pointer; - appearance: none; - color: unset; - text-decoration: none; -} - -.Count { - position: absolute; - top: 8px; - right: 0; - display: flex; - justify-content: center; - align-items: center; - width: 18px; - height: 18px; - border-radius: 50%; - background-color: #2389ff; - font-size: 0.9rem; - font-weight: 500; - color: #fff; -} - -.disableInteraction { - pointer-events: none; -} - -.disableSelection, -.clone { - width: 100%; - .Text, - .Count { - user-select: none; - -webkit-user-select: none; - } -} - -.Collapse { - svg { - transition: transform 250ms ease; - } - - &.collapsed svg { - transform: rotate(-90deg); - } -} - -.Action { - display: flex; - width: 12px; - padding: 0 15px; - align-items: center; - justify-content: center; - flex: 0 0 auto; - touch-action: none; - cursor: pointer; - border-radius: 5px; - border: none; - outline: none; - appearance: none; - background-color: transparent; - -webkit-tap-highlight-color: transparent; - - svg { - flex: 0 0 auto; - margin: auto; - height: 100%; - overflow: visible; - fill: #919eab; - } - - &:active { - background-color: var(--background, rgba(0, 0, 0, 0.05)); - - svg { - fill: var(--fill, #788491); - } - } - - &:focus-visible { - outline: none; - box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0px 0px 2px #4c9ffe; - } -}