From b432126ae9ee959c3295f2232c48fdb28692c65d Mon Sep 17 00:00:00 2001 From: Gurram Karthik <167804249+gurramkarthiknetha@users.noreply.github.com> Date: Thu, 9 Jan 2025 01:37:21 +0530 Subject: [PATCH 1/2] initial commit --- .../UpdateSession/UpdateSession.spec.tsx | 6 +- src/screens/BlockUser/BlockUser.module.css | 102 ------------------ src/style/app.module.css | 75 ++++++++++++- 3 files changed, 75 insertions(+), 108 deletions(-) delete mode 100644 src/screens/BlockUser/BlockUser.module.css diff --git a/src/components/UpdateSession/UpdateSession.spec.tsx b/src/components/UpdateSession/UpdateSession.spec.tsx index 21c70dbe5f..87e07178b0 100644 --- a/src/components/UpdateSession/UpdateSession.spec.tsx +++ b/src/components/UpdateSession/UpdateSession.spec.tsx @@ -107,7 +107,7 @@ describe('Testing UpdateTimeout Component', () => { // Simulate dragging to minimum value userEvent.click(slider, { // Simulate clicking on the slider to focus - clientX: -999, // Adjust the clientX to simulate different slider positions + // clientX: -999, // Adjust the clientX to simulate different slider positions }); expect(mockOnValueChange).toHaveBeenCalledWith(15); // Adjust based on slider min value @@ -127,7 +127,7 @@ describe('Testing UpdateTimeout Component', () => { // Simulate dragging to maximum value userEvent.click(slider, { // Simulate clicking on the slider to focus - clientX: 999, // Adjust the clientX to simulate different slider positions + // clientX: 999, // Adjust the clientX to simulate different slider positions }); expect(mockOnValueChange).toHaveBeenCalledWith(60); // Adjust based on slider max value @@ -147,7 +147,7 @@ describe('Testing UpdateTimeout Component', () => { // Simulate invalid value handling userEvent.click(slider, { // Simulate clicking on the slider to focus - clientX: 0, // Adjust the clientX to simulate different slider positions + // clientX: 0, // Adjust the clientX to simulate different slider positions }); // Ensure onValueChange is not called with invalid values diff --git a/src/screens/BlockUser/BlockUser.module.css b/src/screens/BlockUser/BlockUser.module.css deleted file mode 100644 index ed93446206..0000000000 --- a/src/screens/BlockUser/BlockUser.module.css +++ /dev/null @@ -1,102 +0,0 @@ -.btnsContainer { - display: flex; - margin: 2.5rem 0 2.5rem 0; -} - -.btnsContainer .btnsBlock { - display: flex; -} - -.btnsContainer .btnsBlock button { - margin-left: 1rem; - display: flex; - justify-content: center; - align-items: center; -} - -.btnsContainer .inputContainer { - flex: 1; - position: relative; -} - -.btnsContainer .input { - width: 70%; - position: relative; -} - -.btnsContainer input { - outline: 1px solid var(--bs-gray-400); -} - -.btnsContainer .inputContainer button { - width: 52px; -} - -.largeBtnsWrapper { - display: flex; -} - -.listBox { - width: 100%; - flex: 1; -} - -.notFound { - flex: 1; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -@media (max-width: 1020px) { - .btnsContainer { - flex-direction: column; - margin: 1.5rem 0; - } - - .btnsContainer .input { - width: 100%; - } - - .btnsContainer .btnsBlock { - margin: 1.5rem 0 0 0; - justify-content: space-between; - } - - .btnsContainer .btnsBlock button { - margin: 0; - } - - .btnsContainer .btnsBlock div button { - margin-right: 1.5rem; - } -} - -/* For mobile devices */ - -@media (max-width: 520px) { - .btnsContainer { - margin-bottom: 0; - } - - .btnsContainer .btnsBlock { - display: block; - margin-top: 1rem; - margin-right: 0; - } - - .largeBtnsWrapper { - flex-direction: column; - } - - .btnsContainer .btnsBlock div { - flex: 1; - } - - .btnsContainer .btnsBlock button { - margin-bottom: 1rem; - margin-right: 0; - width: 100%; - } -} diff --git a/src/style/app.module.css b/src/style/app.module.css index 1c5d7fb63a..045c8f8ed4 100644 --- a/src/style/app.module.css +++ b/src/style/app.module.css @@ -705,7 +705,7 @@ hr { top: 50%; width: 50%; height: 1px; - background: #fff; + background: var(--white); content: ''; } .pageNotFound h1.head span:before { @@ -3743,7 +3743,7 @@ button[data-testid='createPostBtn'] { .primaryText { font-weight: bold; - color: var(--bs-emphasis-color, #000); + color: var(--bs-emphasis-color, var(--black-color)); @extend .reusable-text-ellipsis; /* Referencing the reusable class from the general section */ } @@ -3796,7 +3796,7 @@ button[data-testid='createPostBtn'] { .inactiveButton { background-color: transparent; - color: var(--bs-emphasis-color, #000); + color: var(--bs-emphasis-color, var(--black-color)); &:hover { background-color: var(--grey-bg-color); @@ -5938,3 +5938,72 @@ button[data-testid='createPostBtn'] { margin-left: 13vw; max-width: 80vw; } + +.btnsContainer .input { + width: 70%; +} + +.btnsContainer .inputContainer button { + width: 52px; +} + +.largeBtnsWrapper { + display: flex; +} + +.listBox { + width: 100%; + flex: 1; +} + +@media (max-width: 1020px) { + .btnsContainer { + flex-direction: column; + margin: 1.5rem 0; + } + + .btnsContainer .input { + width: 100%; + } + + .btnsContainer .btnsBlock { + margin: 1.5rem 0 0 0; + justify-content: space-between; + } + + .btnsContainer .btnsBlock button { + margin: 0; + } + + .btnsContainer .btnsBlock div button { + margin-right: 1.5rem; + } +} + +/* For mobile devices */ + +@media (max-width: 520px) { + .btnsContainer { + margin-bottom: 0; + } + + .btnsContainer .btnsBlock { + display: block; + margin-top: 1rem; + margin-right: 0; + } + + .largeBtnsWrapper { + flex-direction: column; + } + + .btnsContainer .btnsBlock div { + flex: 1; + } + + .btnsContainer .btnsBlock button { + margin-bottom: 1rem; + margin-right: 0; + width: 100%; + } +} From 9631a2b6fa189e84a4e0dd72a90833e8d316a383 Mon Sep 17 00:00:00 2001 From: Gurram Karthik <167804249+gurramkarthiknetha@users.noreply.github.com> Date: Fri, 10 Jan 2025 23:00:04 +0530 Subject: [PATCH 2/2] Update UpdateSession.spec.tsx --- src/components/UpdateSession/UpdateSession.spec.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/UpdateSession/UpdateSession.spec.tsx b/src/components/UpdateSession/UpdateSession.spec.tsx index 87e07178b0..21c70dbe5f 100644 --- a/src/components/UpdateSession/UpdateSession.spec.tsx +++ b/src/components/UpdateSession/UpdateSession.spec.tsx @@ -107,7 +107,7 @@ describe('Testing UpdateTimeout Component', () => { // Simulate dragging to minimum value userEvent.click(slider, { // Simulate clicking on the slider to focus - // clientX: -999, // Adjust the clientX to simulate different slider positions + clientX: -999, // Adjust the clientX to simulate different slider positions }); expect(mockOnValueChange).toHaveBeenCalledWith(15); // Adjust based on slider min value @@ -127,7 +127,7 @@ describe('Testing UpdateTimeout Component', () => { // Simulate dragging to maximum value userEvent.click(slider, { // Simulate clicking on the slider to focus - // clientX: 999, // Adjust the clientX to simulate different slider positions + clientX: 999, // Adjust the clientX to simulate different slider positions }); expect(mockOnValueChange).toHaveBeenCalledWith(60); // Adjust based on slider max value @@ -147,7 +147,7 @@ describe('Testing UpdateTimeout Component', () => { // Simulate invalid value handling userEvent.click(slider, { // Simulate clicking on the slider to focus - // clientX: 0, // Adjust the clientX to simulate different slider positions + clientX: 0, // Adjust the clientX to simulate different slider positions }); // Ensure onValueChange is not called with invalid values