From b1f189ffc7dfe558d5895c8f0cb103ab3e5c17d7 Mon Sep 17 00:00:00 2001
From: Sophie Zhang <sophie_zhang@brown.edu>
Date: Mon, 10 Jul 2023 19:10:34 -0400
Subject: filters and better ui

---
 src/client/util/ReportManager.scss | 409 -------------------------------------
 1 file changed, 409 deletions(-)
 delete mode 100644 src/client/util/ReportManager.scss

(limited to 'src/client/util/ReportManager.scss')

diff --git a/src/client/util/ReportManager.scss b/src/client/util/ReportManager.scss
deleted file mode 100644
index b3bd998e6..000000000
--- a/src/client/util/ReportManager.scss
+++ /dev/null
@@ -1,409 +0,0 @@
-@import '../views/global/globalCssVariables';
-
-// header
-
-.report-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    h2 {
-        margin: 0;
-        padding: 0;
-        font-size: 24px;
-    }
-}
-
-.report-header-vertical {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 4px;
-
-    h2 {
-        margin: 0;
-        padding: 0;
-        padding-bottom: 8px;
-        font-size: 24px;
-    }
-}
-
-// Report
-
-.report-issue {
-    width: 450px;
-    min-width: 300px;
-    padding: 16px;
-    padding-top: 32px;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    background-color: #ffffff;
-    text-align: left;
-    position: relative;
-
-    .report-label {
-        font-size: 14px;
-        font-weight: 400;
-        color: #747474;
-    }
-
-    .report-section {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .report-textarea {
-        width: 100%;
-        height: 80px;
-        padding: 8px;
-        resize: none;
-    }
-
-    .report-selects {
-        display: flex;
-        flex-direction: column;
-        align-items: stretch;
-        gap: 16px;
-
-        .report-select {
-            padding: 8px;
-            border-color: #c6c6c6;
-
-            .report-opt {
-                padding: 8px;
-            }
-        }
-    }
-}
-
-.report-input {
-    border: none;
-    outline: none;
-    border-bottom: 1px solid #c6c6c6;
-    padding: 8px;
-    padding-left: 0;
-    transition: all 0.2s ease;
-
-    &:hover {
-        border-bottom-color: #7f7f7f;
-    }
-    &:focus {
-        border-bottom-color: #4476f7;
-    }
-}
-
-// View issues
-
-.view-issues {
-    width: 65vw;
-    min-width: 500px;
-    display: flex;
-    gap: 16px;
-    height: 100%;
-
-    .left {
-        height: 100%;
-        flex: 1;
-        padding: 16px;
-        display: flex;
-        flex-direction: column;
-        gap: 16px;
-        background-color: #ffffff;
-        text-align: left;
-        position: relative;
-
-        .issues {
-            position: relative;
-            flex-grow: 1;
-            overflow-y: auto;
-            overflow-x: hidden;
-            display: flex;
-            flex-direction: column;
-            gap: 16px;
-        }
-    }
-
-    .right {
-        padding: 16px;
-        height: 100%;
-        overflow-y: auto;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        flex: 1;
-    }
-}
-
-// video
-
-.default-video::-webkit-media-controls {
-    display: block !important;
-}
-
-// Issue
-
-.issue {
-    cursor: pointer;
-    padding: 16px;
-    background-color: #ffffff;
-    border: 1px solid #d3d3d3;
-    transition: all 0.1s ease;
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-    // box-shadow: 0 0 8px #d0d0d07c;
-
-    .issue-label {
-        cursor: pointer;
-        font-size: 14px;
-        font-weight: 400;
-        color: #7f7f7f;
-    }
-
-    .issue-title {
-        font-size: 16px;
-        font-weight: 500;
-        padding: 0;
-        margin: 0;
-        color: #4476f7;
-    }
-
-    &:hover {
-        background-color: #4476f7;
-        border-color: #4476f7;
-        color: #ffffff;
-
-        .issue-label {
-            color: #ffffff;
-        }
-
-        .issue-title {
-            color: #ffffff;
-        }
-    }
-}
-
-// Dropzone
-
-.dropzone {
-    padding: 2rem;
-    border-radius: 0.5rem;
-    border: 2px dashed #ebebeb;
-
-    .dropzone-instructions {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 16px;
-        color: #7f7f7f;
-
-        p {
-            text-align: center;
-        }
-    }
-}
-
-.file-list {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    font-size: 14px;
-    color: #7f7f7f;
-    width: 100%;
-    overflow-x: auto;
-    list-style-type: none;
-    display: flex;
-    gap: 16px;
-
-    .file-name {
-        padding: 8px 12px;
-        display: flex;
-        align-items: center;
-        gap: 16px;
-        white-space: nowrap;
-    }
-}
-
-// Detailed issue view
-
-.issue-view {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 16px;
-    background-color: #ffffff;
-    text-align: left;
-    position: relative;
-    overflow: auto;
-
-    .issue-label {
-        color: #7f7f7f;
-
-        .issue-link {
-            cursor: pointer;
-            color: #4476f7;
-        }
-    }
-
-    .issue-title {
-        font-size: 24px;
-        margin: 0;
-        padding: 0;
-    }
-
-    .issue-content {
-        font-size: 14px;
-        color: #7f7f7f;
-    }
-}
-
-// Media previews
-
-.report-media-wrapper {
-    position: relative;
-
-    .close-btn {
-        position: absolute;
-        top: 2px;
-        right: 2px;
-        opacity: 0;
-    }
-
-    .report-media-content {
-        position: relative;
-        display: inline block;
-        cursor: pointer;
-    }
-
-    .report-media-content::after {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0, 0, 0, 0.5); /* Adjust the opacity as desired */
-        opacity: 0;
-        transition: opacity 0.3s ease; /* Transition for smooth effect */
-    }
-
-    &:hover {
-        .report-media-content::after {
-            opacity: 1;
-        }
-
-        .close-btn {
-            opacity: 1;
-        }
-    }
-}
-
-.report-audio-wrapper {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-}
-
-@media (max-width: 1100px) {
-    .report-header {
-        flex-direction: column;
-        align-items: stretch;
-        gap: 2rem;
-    }
-}
-
-// Old code
-
-// <---------------------------------------------------------------------------->
-
-// .issue-list-wrapper {
-//     position: relative;
-//     min-width: 250px;
-//     background-color: $light-blue;
-//     overflow-y: scroll;
-// }
-
-// .issue-list {
-//     display: flex;
-//     align-items: center;
-//     justify-content: space-between;
-//     padding: 5px;
-//     margin: 5px;
-//     border-radius: 5px;
-//     border: 1px solid grey;
-//     background-color: lightgoldenrodyellow;
-// }
-
-// // issue should pop up when the user hover over the issue
-// .issue-list:hover {
-//     box-shadow: 2px;
-//     cursor: pointer;
-//     border: 3px solid #252b33;
-// }
-
-// .issue-content {
-//     background-color: white;
-//     padding: 10px;
-//     flex: 1 1 auto;
-//     overflow-y: scroll;
-// }
-
-// .issue-title {
-//     font-size: 20px;
-//     font-weight: 600;
-//     color: black;
-// }
-
-// .issue-body {
-//     padding: 0 10px;
-//     width: 100%;
-//     text-align: left;
-// }
-
-// .issue-body > * {
-//     margin-top: 5px;
-// }
-
-// .issue-body img,
-// .issue-body video {
-//     display: block;
-//     max-width: 100%;
-// }
-
-// .report-issue-fab {
-//     position: fixed;
-//     bottom: 20px;
-//     right: 20px;
-//     display: flex;
-//     align-items: center;
-//     justify-content: center;
-//     cursor: pointer;
-// }
-
-// .loading-center {
-//     margin: auto 0;
-// }
-
-// .settings-content label {
-//     margin-top: 10px;
-// }
-
-// .report-disclaimer {
-//     font-size: 8px;
-//     color: grey;
-//     padding-right: 50px;
-//     font-style: italic;
-//     text-align: left;
-// }
-
-// .flex-select {
-//     display: flex;
-//     align-items: center;
-//     justify-content: center;
-//     gap: 10px;
-// }
-- 
cgit v1.2.3-70-g09d2