aboutsummaryrefslogtreecommitdiff
path: root/src/client/util/ReportManager.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/util/ReportManager.scss')
-rw-r--r--src/client/util/ReportManager.scss409
1 files changed, 0 insertions, 409 deletions
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;
-// }
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2026-02-17 22:27:13 +0000