mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-20 14:38:58 -04:00
05bcb6e1b0
* Tag queries + Identifier bug fix - added empty pages for docs - added non-functional "New Library" button to sidebar - to accomplish above, moved dialog logic to component folder - fixed Identifier bug where location id was not considered in the orphan files query, meaning it would attempt to identify many non-existent paths and fail to create the legitimate ones * (fix) maintain file item aspect ratio in grid view (fix) get tag query + get all tags * codegen * resurrected context menu * fix window flash * remove location based thumb sorting + update react on landing * add is_archived to location * improved context menu * assign tag + refactor explorer store Co-authored-by: maxichrome <maxichrome@users.noreply.github.com> * assign/unassign tags from context menu * fix lint * keep context menu open on tag change * fix brendan feedback + merge main * fix type * codegen * style changes * revert windows size and xcode proj * remove outdated doc * coming sooooooon * updated release notes * release notes * dashes > dots * clean up docs * more docs! * restore entitlements * remove unused util * regenerated migrations post merge - some additional error handling added to migration runner, needs more work! * refactor explorer to support tags * fix error and revert explorer bg color * put it in a box they said * revert location id store removal * upgrade hero icons + style tweaks Co-authored-by: maxichrome <maxichrome@users.noreply.github.com>
153 lines
2.8 KiB
SCSS
153 lines
2.8 KiB
SCSS
a,
|
|
button {
|
|
@apply cursor-default;
|
|
}
|
|
|
|
body {
|
|
font-family: 'InterVariable', sans-serif;
|
|
}
|
|
|
|
.no-scrollbar {
|
|
-ms-overflow-style: none; /* for Internet Explorer, Edge */
|
|
scrollbar-width: none; /* for Firefox */
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.no-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.custom-scroll {
|
|
-ms-overflow-style: none; /* for Internet Explorer, Edge */
|
|
scrollbar-width: none; /* for Firefox */
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.explorer-scroll {
|
|
&::-webkit-scrollbar {
|
|
height: 6px;
|
|
width: 8px;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
@apply bg-[#00000006] dark:bg-[#00000030] mt-[53px] rounded-[6px];
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
@apply rounded-[6px] bg-gray-300 dark:bg-gray-550;
|
|
}
|
|
}
|
|
.default-scroll {
|
|
&::-webkit-scrollbar {
|
|
height: 6px;
|
|
width: 8px;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
@apply bg-transparent rounded-[6px];
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
@apply rounded-[6px] bg-gray-300 dark:bg-gray-550;
|
|
}
|
|
}
|
|
.page-scroll {
|
|
&::-webkit-scrollbar {
|
|
height: 6px;
|
|
width: 8px;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
@apply bg-transparent rounded-[6px] my-[10px];
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
@apply rounded-[6px] bg-gray-300 dark:bg-gray-550;
|
|
}
|
|
}
|
|
.inspector-scroll {
|
|
// overflow: overlay;
|
|
&::-webkit-scrollbar {
|
|
height: 6px;
|
|
width: 5px;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
@apply bg-transparent my-[8px];
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
@apply rounded-[6px] opacity-0 bg-gray-300 dark:bg-gray-950;
|
|
}
|
|
&:hover {
|
|
&::-webkit-scrollbar-thumb {
|
|
@apply opacity-100;
|
|
}
|
|
}
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes slide-top {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
}
|
|
}
|
|
@keyframes slide-top {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
100% {
|
|
-webkit-transform: translateY(-50px);
|
|
transform: translateY(-50px);
|
|
}
|
|
}
|
|
|
|
.dialog-overlay[data-state='open'] {
|
|
animation: fadeIn 200ms ease-out forwards;
|
|
}
|
|
.dialog-overlay[data-state='closed'] {
|
|
animation: fadeIn 200ms ease-out forwards;
|
|
}
|
|
.dialog-content[data-state='open'] {
|
|
-webkit-animation: slide-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
|
animation: slide-top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) both;
|
|
}
|
|
.dialog-content[data-state='closed'] {
|
|
animation: bounceDown 100ms ease-in forwards;
|
|
}
|
|
|
|
.picker {
|
|
position: relative;
|
|
}
|
|
|
|
.swatch {
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 8px;
|
|
border: 3px solid #fff;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.popover {
|
|
position: absolute;
|
|
top: calc(100% + 2px);
|
|
left: 0;
|
|
border-radius: 9px;
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
|
|
} |