aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections
diff options
context:
space:
mode:
authoraidahosa1 <aisosa_idahosa@brown.edu>2024-09-17 13:43:40 -0400
committeraidahosa1 <aisosa_idahosa@brown.edu>2024-09-17 13:43:40 -0400
commit64635a0a0e07a107c4019e366feb2fe5b01c8b04 (patch)
treece6f53c2cd106485a680b17edecf355eed6654f0 /src/client/views/collections
parent597ad3716286e9eff29316605514218889690da5 (diff)
ready to pull
Diffstat (limited to 'src/client/views/collections')
-rw-r--r--src/client/views/collections/CollectionCardDeckView.scss58
-rw-r--r--src/client/views/collections/CollectionCardDeckView.tsx19
2 files changed, 4 insertions, 73 deletions
diff --git a/src/client/views/collections/CollectionCardDeckView.scss b/src/client/views/collections/CollectionCardDeckView.scss
index 1728f7aee..5ccc3d9a8 100644
--- a/src/client/views/collections/CollectionCardDeckView.scss
+++ b/src/client/views/collections/CollectionCardDeckView.scss
@@ -12,7 +12,6 @@
height: 35px;
border-radius: 50%;
background-color: $dark-gray;
- // border-color: $medium-blue;
margin: 5px; // transform: translateY(-50px);
}
}
@@ -20,7 +19,6 @@
.card-wrapper {
display: grid;
grid-template-columns: repeat(10, 1fr);
- // width: 100%;
transform-origin: top left;
position: absolute;
@@ -31,33 +29,6 @@
transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
-// .card-button-container {
-// display: flex;
-// padding: 3px;
-// // width: 300px;
-// // height:100px;
-// pointer-events: none; /* This ensures the container does not capture hover events */
-
-// background-color: rgb(218, 218, 218); /* Background color of the container */
-// border-radius: 50px; /* Rounds the corners of the container */
-// transform: translateY(25px);
-// // box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Optional: Adds shadow for depth */
-// align-items: center; /* Centers buttons vertically */
-// justify-content: start; /* Centers buttons horizontally */
-
-// button {
-// pointer-events: auto; /* Re-enable pointer events for the buttons */
-
-// width: 70px;
-// height: 70px;
-// border-radius: 50%;
-// background-color: $dark-gray;
-// // border-color: $medium-blue;
-// margin: 5px; // transform: translateY(-50px);
-// background-color: transparent;
-// }
-// }
-
.no-card-span{
position: relative;
width: fit-content;
@@ -70,28 +41,6 @@
-// button:hover {
-// transform: translateY(-50px);
-// }
-
-// .card-wrapper::after {
-// content: "";
-// width: 100%; /* Forces wrapping */
-// }
-
-// .card-wrapper > .card-item:nth-child(10n)::after {
-// content: "";
-// width: 100%; /* Forces wrapping after every 10th item */
-// }
-
-// .card-row{
-// display: flex;
-// position: absolute;
-// align-items: center;
-// transition: transform 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
-
-// }
-
.card-item-inactive,
.card-item-active,
.card-item {
@@ -101,18 +50,11 @@
flex-direction: column;
}
-// .card-item:hover {
-// box-shadow: 0 20px 20px $medium-blue;
-// transform: scale(1.05);
-
-
-// }
.card-item-inactive {
opacity: 0.5;
}
.card-item-active {
- // position: absolute;
z-index: 100;
}
diff --git a/src/client/views/collections/CollectionCardDeckView.tsx b/src/client/views/collections/CollectionCardDeckView.tsx
index 3d9f28a49..bb932b8b2 100644
--- a/src/client/views/collections/CollectionCardDeckView.tsx
+++ b/src/client/views/collections/CollectionCardDeckView.tsx
@@ -1,9 +1,9 @@
import { IReactionDisposer, ObservableMap, action, computed, makeObservable, observable, reaction } from 'mobx';
import { observer } from 'mobx-react';
import * as React from 'react';
-import { ClientUtils, DashColor, returnFalse, returnZero } from '../../../ClientUtils';
-import { emptyFunction, numberRange } from '../../../Utils';
-import { Doc, NumListCast, StrListCast } from '../../../fields/Doc';
+import { ClientUtils, returnFalse, returnZero } from '../../../ClientUtils';
+import { emptyFunction } from '../../../Utils';
+import { Doc, StrListCast } from '../../../fields/Doc';
import { DocData } from '../../../fields/DocSymbols';
import { Id } from '../../../fields/FieldSymbols';
import { BoolCast, Cast, DateCast, NumCast, RTFCast, ScriptCast, StrCast } from '../../../fields/Types';
@@ -144,18 +144,7 @@ export class CollectionCardView extends CollectionSubView() {
* custom group
*/
@computed get childDocsWithoutLinks() {
- const regularDocs = this.childDocs.filter(l => l.type !== DocumentType.LINK);
- const activeGroups = StrListCast(this.Document.cardSort_visibleSortGroups);
-
- if (activeGroups.length > 0) {
- return regularDocs.filter(doc => {
- const activeTags = StrListCast(doc.cardSort_activeIcons);
- return activeTags !== undefined && activeTags.some(tag => activeGroups.includes(tag));
- });
- }
-
- // Default return for non-custom cardSort or other cases, filtering out links
- return regularDocs;
+ return this.childDocs.filter(l => l.type !== DocumentType.LINK);
}
/**