mirror of
https://github.com/docmost/docmost.git
synced 2026-05-07 06:23:06 +08:00
Philip Okugbe
6c422011ac
* Share - WIP * - public attachment links - WIP * WIP * WIP * Share - WIP * WIP * WIP * include userRole in space object * WIP * Server render shared page meta tags * disable user select * Close Navbar on outside click on mobile * update shared page spaceId * WIP * fix * close sidebar on click * close sidebar * defaults * update copy * Store share key in lowercase * refactor page breadcrumbs * Change copy * add link ref * open link button * add meta og:title * add twitter tags * WIP * make shares/info endpoint public * fix * * add /p/ segment to share urls * minore fixes * change mobile breadcrumb icon
111 lines
2.3 KiB
CSS
111 lines
2.3 KiB
CSS
.tree {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.treeContainer {
|
|
height: 100%;
|
|
min-width: 0;
|
|
|
|
> div, > div > .tree {
|
|
height: 100% !important;
|
|
}
|
|
}
|
|
|
|
.node {
|
|
position: relative;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
width: 93%; /* not to overlap with scroll bar */
|
|
text-decoration: none;
|
|
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-0));
|
|
|
|
&:hover {
|
|
background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
|
|
/*background-color: light-dark(var(--mantine-color-gray-1), var(--mantine-color-dark-6));*/
|
|
}
|
|
|
|
|
|
.actions {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
height: 100%;
|
|
top: 0;
|
|
right: 0;
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-6));
|
|
}
|
|
|
|
&:hover .actions {
|
|
visibility: visible;
|
|
}
|
|
|
|
}
|
|
|
|
.node:global(.willReceiveDrop) {
|
|
background-color: light-dark(var(--mantine-color-blue-1), var(--mantine-color-gray-7));
|
|
}
|
|
|
|
.node:global(.isSelected) {
|
|
border-radius: 0;
|
|
|
|
background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-6));
|
|
/*
|
|
color: white;
|
|
|
|
// background-color: light-dark(
|
|
// var(--mantine-color-gray-0),
|
|
// var(--mantine-color-dark-6)
|
|
//);
|
|
//background: rgb(20, 127, 250, 0.5);*/
|
|
}
|
|
|
|
.node:global(.isSelectedStart.isSelectedEnd) {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.row:focus .node:global(.isSelected) {
|
|
background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
|
|
}
|
|
|
|
.row:focus .node:global(.isFocused) {
|
|
background-color: light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-5));
|
|
}
|
|
|
|
.row {
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.row:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.row:focus .node {
|
|
/** come back to this **/
|
|
/* background-color: light-dark(var(--mantine-color-red-2), var(--mantine-color-dark-5));*/
|
|
}
|
|
|
|
.icon {
|
|
margin: 0 rem(10px);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.text {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
font-size: rem(14px);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.arrow {
|
|
display: flex;
|
|
}
|
|
|
|
[role="treeitem"] {
|
|
padding-bottom: 2px;
|
|
}
|